1. Collections Component Guide
  2. Govspeak content
  3. Rtl block
Govspeak content example

Rtl block

How it looks (preview)

قال وزير الخارجية، ويليام هيغ:

مع بدء هذا الشهر الفضيل أتمنى للمسلمين في أنحاء العالم - في آسيا وأفريقيا والشرق الأوسط وأوروبا وغيرها من مناطق العالم - شهر رمضان مبارك.

في المملكة المتحدة يُحتفل بشهر رمضان منذ أجيال عديدة، ونفتخر بروابطنا القوية مع العالم الإسلامي، سواء مع شركائنا المعهودين في الشرق الأوسط أو روابطنا التاريخية المتينة في آسيا وأفريقيا أو مواطنينا المسلمين البريطانيين المفعمين بالحيوية والنشاط.

ordered list

  1. تابع الوزير أليستر بيرت عبر تويتر
  2. تابعنا باللغة العربية عبر
  3. تابعنا باللغة العربية عبر تويتر

unordered list

  • تابع الوزير أليستر بيرت عبر تويتر
  • تابعنا باللغة العربية عبر
  • تابعنا باللغة العربية عبر تويتر

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
  direction: "rtl"
} do %>
  <p>قال وزير الخارجية، ويليام هيغ:</p>
<blockquote>
  <p>مع بدء هذا الشهر الفضيل أتمنى للمسلمين في أنحاء العالم - في آسيا وأفريقيا والشرق الأوسط وأوروبا وغيرها من مناطق العالم - شهر رمضان مبارك.</p>
  <p class="last-child">في المملكة المتحدة يُحتفل بشهر رمضان منذ أجيال عديدة، ونفتخر بروابطنا القوية مع العالم الإسلامي، سواء مع شركائنا المعهودين في الشرق الأوسط أو روابطنا التاريخية المتينة في آسيا وأفريقيا أو مواطنينا المسلمين البريطانيين المفعمين بالحيوية والنشاط.</p>
</blockquote>
<h2>ordered list</h2>
<ol>
  <li>تابع الوزير أليستر بيرت عبر تويتر </li>
  <li>تابعنا باللغة العربية عبر</li>
  <li>تابعنا باللغة العربية عبر تويتر </li>
</ol>
<h2>unordered list</h2>
<ul>
  <li>تابع الوزير أليستر بيرت عبر تويتر </li>
  <li>تابعنا باللغة العربية عبر</li>
  <li>تابعنا باللغة العربية عبر تويتر </li>
</ul>
<% end %>