Components

Checkbox

A styled checkbox with label, description, and indeterminate state support. Uses native input under the hood.

Basic usage

Accept terms and conditions

Subscribe to newsletter

Add a description for more context.

Marketing emails

Receive emails about new features and updates.

Use indeterminate for a "select all" pattern where only some children are checked.

Select all

Option A

Option B

Option C

Disabled unchecked

Disabled checked

Prop	Type	Default	Description
`label`	string	—	Text label rendered beside the checkbox.
`description`	string	—	Secondary helper text below the label.
`indeterminate`	boolean	`false`	Shows a dash instead of a checkmark (useful for "select all").
`...rest`	InputHTMLAttributes	—	All native checkbox props (checked, onChange, disabled, etc.).

Uses native <input type="checkbox"> for full keyboard and screen reader support.
Label is clickable and associated via htmlFor.
Indeterminate state is set via the DOM property for correct AT announcement.