SwitchRtl() — ui Function Reference

Architecture documentation for the SwitchRtl() function in switch-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SwitchRtl() — ui Function Reference

Dependency Diagram

graph TD
  33567801_8b02_a500_22ab_e44387032ef8["SwitchRtl()"]
  dd4f378a_3a60_0094_d666_bf33693225fa["switch-rtl.tsx"]
  33567801_8b02_a500_22ab_e44387032ef8 -->|defined in| dd4f378a_3a60_0094_d666_bf33693225fa
  style 33567801_8b02_a500_22ab_e44387032ef8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/switch-rtl.tsx lines 43–57

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

  return (
    <Field orientation="horizontal" className="max-w-sm" dir={dir}>
      <FieldContent>
        <FieldLabel htmlFor="switch-focus-mode-rtl" dir={dir}>
          {t.label}
        </FieldLabel>
        <FieldDescription dir={dir}>{t.description}</FieldDescription>
      </FieldContent>
      <Switch id="switch-focus-mode-rtl" dir={dir} />
    </Field>
  )
}