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
  cf402d73_ab8a_bba6_f03e_cdff7a4d1064["SwitchRtl()"]
  f928806f_5a39_5c9b_2739_99c8c2808fc7["switch-rtl.tsx"]
  cf402d73_ab8a_bba6_f03e_cdff7a4d1064 -->|defined in| f928806f_5a39_5c9b_2739_99c8c2808fc7
  style cf402d73_ab8a_bba6_f03e_cdff7a4d1064 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}