ToggleGroupRtl() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleGroupRtl() — ui Function Reference

Dependency Diagram

graph TD
  3ab2a1c6_4a30_6f1d_5e9b_59ce49d31f7c["ToggleGroupRtl()"]
  a8c98ded_b2c1_57b8_9ed6_85e3b4be53b0["toggle-group-rtl.tsx"]
  3ab2a1c6_4a30_6f1d_5e9b_59ce49d31f7c -->|defined in| a8c98ded_b2c1_57b8_9ed6_85e3b4be53b0
  style 3ab2a1c6_4a30_6f1d_5e9b_59ce49d31f7c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/toggle-group-rtl.tsx lines 40–56

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

  return (
    <ToggleGroup variant="outline" type="single" defaultValue="list">
      <ToggleGroupItem value="list" aria-label={t.list}>
        {t.list}
      </ToggleGroupItem>
      <ToggleGroupItem value="grid" aria-label={t.grid}>
        {t.grid}
      </ToggleGroupItem>
      <ToggleGroupItem value="cards" aria-label={t.cards}>
        {t.cards}
      </ToggleGroupItem>
    </ToggleGroup>
  )
}