Skip to content

Getting started

RTL

Support for Right-To-Left text.

To enable RTL (Right-To-Left) with Pico, you need to set dir="rtl" on the <html> element.

<!doctype html>
<html dir="rtl" lang="ar">
  ...
</html>

RTL can also be enabled on a per-element basis:

“كُنْ كالطير، الذي إذا اعتاد القفز على الأغصان لا يحس بالخطر وليس في ذلك أي تردد، ولكنه لو فقد الثقة بجناحيه فإنه يسقط أرضًا. كذلك، إذا اعتاد الإنسان على العمل الصالح فإنه يستطيع فعله بلا جهد وليس في ذلك أي عناء، ولكنه إذا فقد الثقة بنفسه فإنه يفشل.”
— خليل جبران
<blockquote dir="rtl" lang="ar">
  “كُنْ كالطير، الذي إذا اعتاد القفز على الأغصان لا يحس بالخطر وليس في ذلك أي تردد،
  ولكنه لو فقد الثقة بجناحيه فإنه يسقط أرضًا. كذلك، إذا اعتاد الإنسان على العمل الصالح
  فإنه يستطيع فعله بلا جهد وليس في ذلك أي عناء، ولكنه إذا فقد الثقة بنفسه فإنه يفشل.”
  <footer>
    <cite>— خليل جبران</cite>
  </footer>
</blockquote>

Edit this page on GitHub