Direction & language
Let content set the direction.
Keep text, alignment, and spacing responsive to the language of the interface.
Your next journey
رحلتك القادمة
Text direction example. Review complete patterns separately in each supported direction.
Text and labels
Supply translated labels, help text, and messages in your application. Allow space for longer text and check wrapping at narrow widths. Localise accessible names as well as visible text.
Right-to-left layouts
Set dir="rtl" on the document for a right-to-left interface. Prefer logical
CSS properties such as margin-inline-start for application layouts.
Review each pattern you use. RTL support is not verified across the whole library; some styles still use physical alignment, including table text. Check icon direction, control order, alignment, and keyboard behavior in context.
Dates and numbers
Your application supplies locale-specific formats and content. Check the Date Picker's documented format and behavior before using it for another locale; a document language or direction attribute does not provide date localisation.
Check date entryReview the format and interactions before adapting to a locale.