# Internationalization & RTL Every editor in the kit shares one localization + direction contract, so you wire it the same way everywhere. ## Direction (`dir`) Pass `dir="rtl"` (or `"ltr"`, or `"auto"` to inherit the document) to any editor. It mirrors the layout **and the behavior**: the switch thumb slides the other way, calendar nav arrows flip, tabs/tree/slider/splitter reverse their Left/Right arrow keys, and dropdown adornments move to the correct edge. ```svelte (qty = v)} /> (date = d)} /> (vol = v)} /> ``` A page-level `dir` attribute is respected by `dir="auto"` (the default), so most apps set `dir` once on `` and never touch it per-component. ## Messages Every user-facing string (empty-state text, "Now"/"Today", AM/PM, reveal-toggle labels, "No matches", clear/search labels, etc.) is overridable via a `messages` prop. Only the keys you set are replaced; the rest keep their English defaults. ```svelte ``` ### Merging your own defaults `resolveMessages(defaults, overrides)` is the helper the components use internally - handy if you build your own control on a headless core: ```ts import { resolveMessages } from '@svgrid/grid' const DEFAULTS = { clear: 'Clear', noResults: 'No results' } const M = resolveMessages(DEFAULTS, props.messages) // partial override, empty/undefined ignored ``` ## Locale-aware formatting Date and number editors format through the platform `Intl` APIs, so month and weekday names, number grouping and separators follow the `locale` you pass: ```svelte (date = d)} /> ``` ## Putting it together ```svelte (range = r)} /> ``` The same three levers - `dir`, `messages`, `locale` - localize the entire kit. ## More examples ### RTL + i18n stress Six locales (en, de, fr-CA, ja, ar, he). Direction flips, full string translation, Intl-driven currency/date/number, mixed-direction safe via . > Live demo: RTL + i18n stress - https://svgrid.com/demos/38-rtl-i18n/ --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/ui-components/i18n-rtl/ . All docs: https://svgrid.com/llms.txt