Direction Provider
An explicit locale keeps CSS direction, keyboard navigation, calendars, and portalled menus in sync. Nest providers for mixed-language regions; the default contents wrapper preserves your layout.
Installation
Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.
The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.
npx boardui@latest add directionUsing a shared UI package or custom import aliases? Configure your installation paths before running the CLI. Copy-paste examples use the default imports.
Usage
Set locale to a BCP 47 language tag such as ar, he, or en-US. For a whole app, also set matching lang and dir on the HTML element. Use useDirection() for custom controls and portals. See the RTL guide for setup, migration, and live template examples.