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
  73f97dd5_3514_3af8_0f72_1cb0bf833a61["LabelRtl()"]
  a3c12f16_6af9_023e_63c5_e255025d4bdd["label-rtl.tsx"]
  73f97dd5_3514_3af8_0f72_1cb0bf833a61 -->|defined in| a3c12f16_6af9_023e_63c5_e255025d4bdd
  style 73f97dd5_3514_3af8_0f72_1cb0bf833a61 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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