Meta tags:
description=A direction provider component that enables RTL behavior for Base UI components.;
keywords=Base UI Direction Provider,React RTL Context,Text Direction Hook,useDirection Base UI,Headless RTL Components,Internationalization,i18n,Bidirectional Text,Locale Support,Arabic Hebrew Support,LTR RTL Switch;

Headings (most frequently used words):

directionprovider, direction, provider, anatomy, api, reference, usedirection, propshide, statehide, return, value, textdirectionhide,

Text of the page (most frequently used words):
direction (13), directionprovider (12), slider (11), rtl (8), base (7), #provider (7), the (6), components (6), css (6), type (5), textdirection (5), react (5), import (5), styles (5), your (4), from (4), classname (4), ltr (3), hide (3), text (3), for (3), root (3), and (3), dir (3), props (3), default (3), enables (3), behavior (3), group (3), anatomy (3), control (3), track (3), index (3), field (3), menu (3), return (2), this (2), application (2), attribute (2), set (2), usedirection (2), export (2), reactnode (2), undefined (2), children (2), name (2), component (2), api (2), reference (2), html (2), code (2), app (2), div (2), indicator (2), thumb (2), module (2), stackblitz (2), modules (2), view (2), toggle (2), navigation (2), dialog (2), checkbox (2), value, use, hook, read, current, useful, wrapping, portaled, that, may, rendered, outside, are, unaffected, within, directionproviderstate, state, directionproviderprops, reading, description, prop, table, child, adjust, based, but, does, not, affect, style, must, additionally, own, wrap, around, show, defaultvalue, exampledirectionprovider, function, tsx, source, markdown, top, npm, github, userender, mergeprops, csp, utils, tooltip, toolbar, toast, tabs, switch, separator, select, scroll, area, radio, progress, preview, card, popover, otp, new, number, meter, menubar, input, form, fieldset, drawer, context, combobox, collapsible, button, avatar, autocomplete, alert, accordion, llms, txt, typescript, forms, customization, composition, animation, styling, handbook, about, community, releases, accessibility, quick, start, overview, search, skip, contents,

Text of the page (random words):
direction provider base ui skip to contents search k navigation overview quick start accessibility releases community about handbook styling animation composition customization forms typescript llms txt components accordion alert dialog autocomplete avatar button checkbox checkbox group collapsible combobox context menu dialog drawer field fieldset form input menu menubar meter navigation menu number field otp field new popover preview card progress radio scroll area select separator slider switch tabs toast toggle toggle group toolbar tooltip utils csp provider direction provider mergeprops userender github npm 1 6 0 direction provider top anatomy api reference directionprovider usedirection direction provider enables rtl behavior for base ui components view as markdown view source index tsx index module css css modules stackblitz css modules stackblitz import directionprovider from base ui react direction provider import slider from base ui react slider import styles from index module css export default function exampledirectionprovider return div dir rtl directionprovider direction rtl slider root defaultvalue 25 slider control classname styles control slider track classname styles track slider indicator classname styles indicator slider thumb classname styles thumb slider track slider control slider root directionprovider div show code anatomy import the component and wrap it around your app anatomy import directionprovider from base ui react direction provider directionprovider your app or a group of components directionprovider directionprovider enables child base ui components to adjust behavior based on rtl text direction but does not affect html and css the dir rtl html attribute or direction rtl css style must be set additionally by your own application code api reference directionprovider enables rtl behavior for base ui components component props table prop type default direction textdirection ltr name direction description the reading direction of the text type textdirection undefined default ltr children react reactnode name children type react reactnode undefined directionprovider props hide re export of directionprovider props as directionproviderprops directionprovider state hide type directionproviderstate usedirection use this hook to read the current text direction this is useful for wrapping portaled components that may be rendered outside your application root and are unaffected by the dir attribute set within return value textdirection textdirection hide type textdirection ltr rtl