Checkbox
Formv1.0.0
stable
Checkbox component with checked and disabled states.
Preview
npx inam-ui add checkboxUsage Examples
Controlled Checkbox
Manage checkbox state with React state
const [checked, setChecked] = useState(false);
<Checkbox
label="Accept terms"
checked={checked}
onChange={setChecked}
/>Accessibility
Keyboard Navigation
- •Space - Toggle checked/unchecked
- •Tab - Move focus
ARIA Labels
aria-checkedaria-disabled
Screen Reader
Announced as 'checkbox' with label and checked state.
Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text for the checkbox. |
checked | boolean | false | Whether the checkbox is checked. |
disabled | boolean | false | Whether the checkbox is disabled. |
onChange | (checked: boolean) => void | — | Callback when checkbox state changes. |