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

Rtl block

How it looks (preview)

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

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

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

ordered list

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

unordered list

  • تابع الوزير أليستر بيرت عبر تويتر
  • تابعنا باللغة العربية عبر
  • تابعنا باللغة العربية عبر تويتر
السنة الدور
2020 - 2022 وزارة الخارجية والتنمية البريطانية
2016 - 2020 القنصل العام البريطاني في القنصلية البريطانية العامة في شونغشينغ
2012 - 2015 الدوحة، نائب رئيس البعثة

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>
<table>
  <thead>
    <tr>
      <th scope="col">السنة</th>
      <th scope="col">الدور</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2020 - 2022</td>
      <td>وزارة الخارجية والتنمية البريطانية</td>
    </tr>
    <tr>
      <td>2016 - 2020</td>
      <td>القنصل العام البريطاني في القنصلية البريطانية العامة في شونغشينغ</td>
    </tr>
    <tr>
      <td>2012 - 2015</td>
      <td>الدوحة، نائب رئيس البعثة</td>
    </tr>
  </tbody>
</table>
<% end %>