2021-12-19 09:50:55 +07:00
<!doctype html>
< html lang = "en" >
< head >
${require('./_head.html')
title="RTL (Right-To-Left)"
description="Support for right-to-left text in Pico with dir='rtl'"
canonical="rtl.html"
}
< / head >
< body >
${require('./_nav.html')}
< main class = "container" id = "docs" >
${require('./_sidebar.html') active="rtl-link"}
< div role = "document" >
< section id = "rtl" >
< hgroup >
< h1 > RTL< / h1 >
< h2 > Support for right-to-left text in Pico.< / h2 >
< / hgroup >
2022-09-11 19:11:48 +07:00
< p > To enable RTL in Pico you need to set < code > < i > dir< / i > =< u > "rtl"< / u > < / code > on the < code > < < b > html< / b > & gt< / code > element (< a href = "https://picocss.com/examples/preview-rtl/" > example< / a > ).< / p >
2021-12-19 09:50:55 +07:00
< pre > < code > < em > < !doctype html> < / em >
< < b > html< / b > < i > dir< / i > =< u > "rtl"< / u > < i > lang< / i > =< u > "ar"< / u > >
< em > ...< / em >
< /< b > html< / b > > < / code > < / pre >
2022-02-27 22:43:15 +07:00
< p > ℹ ️ The RTL feature is still experimental and will probably evolve.< / p >
2021-12-19 09:50:55 +07:00
< / section >
${require('./_footer.html')}
< / div >
< / main >
< script src = "js/commons.min.js" > < / script >
< / body >
< / html >
