Components
Checkbox
A native checkbox with a label, sizes, and an indeterminate state for groups.
Client componentUses state or handlers, so it starts with "use client".
import { Checkbox, checkboxVariants } from "@glob-ui/checkbox"Preview
Examples
Indeterminate
indeterminate shows a dash. It is a DOM property, not a checked state, and the browser clears it on click.
Disabled
Disabled checkboxes keep their checked state and are skipped by Tab.
API
Props are generated from the TypeScript types in the package source.
CheckboxProps
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Space | Toggles the checkbox (native). |
| Tab | Focuses it. Disabled checkboxes are skipped. |
ARIA. The label is the accessible name. With a Field, the Field label and the checkbox label are both read, for example "Terms I accept the terms".