CheckboxDisabled() — ui Function Reference

Architecture documentation for the CheckboxDisabled() function in checkbox-disabled.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ CheckboxDisabled() — ui Function Reference

Dependency Diagram

graph TD
  4f04df0f_2a97_ae06_8f11_b0aeb560f8f8["CheckboxDisabled()"]
  0db5c1e8_30d5_da37_fa13_c894784855b1["checkbox-disabled.tsx"]
  4f04df0f_2a97_ae06_8f11_b0aeb560f8f8 -->|defined in| 0db5c1e8_30d5_da37_fa13_c894784855b1
  style 4f04df0f_2a97_ae06_8f11_b0aeb560f8f8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/checkbox-disabled.tsx lines 4–19

export function CheckboxDisabled() {
  return (
    <FieldGroup className="mx-auto w-56">
      <Field orientation="horizontal" data-disabled>
        <Checkbox
          id="toggle-checkbox-disabled"
          name="toggle-checkbox-disabled"
          disabled
        />
        <FieldLabel htmlFor="toggle-checkbox-disabled">
          Enable notifications
        </FieldLabel>
      </Field>
    </FieldGroup>
  )
}