CheckboxDisabled() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ CheckboxDisabled() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/checkbox-disabled.tsx lines 3–15

export default function CheckboxDisabled() {
  return (
    <div className="flex items-center space-x-2">
      <Checkbox id="terms2" disabled />
      <label
        htmlFor="terms2"
        className="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
      >
        Accept terms and conditions
      </label>
    </div>
  )
}