FieldCheckbox() — ui Function Reference

Architecture documentation for the FieldCheckbox() function in field-checkbox.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ FieldCheckbox() — ui Function Reference

Dependency Diagram

graph TD
  c34ab3ab_90be_ea76_db33_992f956bced1["FieldCheckbox()"]
  14797cd8_efce_f3b0_b373_c8506b653cfa["field-checkbox.tsx"]
  c34ab3ab_90be_ea76_db33_992f956bced1 -->|defined in| 14797cd8_efce_f3b0_b373_c8506b653cfa
  style c34ab3ab_90be_ea76_db33_992f956bced1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx lines 19–36

export function FieldCheckbox() {
  const context = useLanguageContext()
  const lang = context?.language === "he" ? "he" : "ar"
  const { dir, terms } = translations[lang]

  return (
    <div dir={dir}>
      <FieldLabel htmlFor="checkbox-demo-rtl">
        <Field orientation="horizontal">
          <Checkbox id="checkbox-demo-rtl" defaultChecked />
          <FieldLabel htmlFor="checkbox-demo-rtl" className="line-clamp-1">
            {terms}
          </FieldLabel>
        </Field>
      </FieldLabel>
    </div>
  )
}