ToggleRtl() — ui Function Reference

Architecture documentation for the ToggleRtl() function in toggle-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ToggleRtl() — ui Function Reference

Dependency Diagram

graph TD
  e531f932_80df_7924_b3e7_9d0da181f08d["ToggleRtl()"]
  97988677_1bf1_d7a1_fcf4_ddd4b8480983["toggle-rtl.tsx"]
  e531f932_80df_7924_b3e7_9d0da181f08d -->|defined in| 97988677_1bf1_d7a1_fcf4_ddd4b8480983
  style e531f932_80df_7924_b3e7_9d0da181f08d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/toggle-rtl.tsx lines 33–42

export function ToggleRtl() {
  const { dir, t } = useTranslation(translations, "ar")

  return (
    <Toggle aria-label="Toggle bookmark" size="sm" variant="outline" dir={dir}>
      <BookmarkIcon className="group-aria-pressed/toggle:fill-foreground" />
      {t.label}
    </Toggle>
  )
}