LabelRtl() — ui Function Reference

Architecture documentation for the LabelRtl() function in label-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ LabelRtl() — ui Function Reference

Dependency Diagram

graph TD
  806fc03d_4e2c_d4b0_e9e7_e182622a1ff1["LabelRtl()"]
  1e9a466e_8001_dd0f_ef11_99e65cfc8612["label-rtl.tsx"]
  806fc03d_4e2c_d4b0_e9e7_e182622a1ff1 -->|defined in| 1e9a466e_8001_dd0f_ef11_99e65cfc8612
  style 806fc03d_4e2c_d4b0_e9e7_e182622a1ff1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/label-rtl.tsx lines 33–44

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

  return (
    <div className="flex gap-2" dir={dir}>
      <Checkbox id="terms-rtl" dir={dir} />
      <Label htmlFor="terms-rtl" dir={dir}>
        {t.label}
      </Label>
    </div>
  )
}