Component

Direction

A provider component that establishes text directionality (ltr or rtl) for an application — essential for supporting right-to-left languages like Arabic, Hebrew and Persian.

DirectionProviderdirection: "ltr" · "rtl"

useDirectionhook — reads the current direction from context

Login card — switch language to change direction

Enter your email below to login to your account

Password

Don't have an account? Sign up

Tokens used

7 semantic tokens consumed by this component.

--cardCard

bg-card

--card-foregroundCard Foreground

text-card-foreground

--foregroundForeground

text-foreground

--muted-foregroundMuted Foreground

text-muted-foreground

--borderBorder

border-borderborder

--inputInput

bg-inputborder-input

--ringRing

ring-ringring