Checkbox

A checkbox allows the user to select one or more items from a set.

Import

import * as Checkbox from '@base-ui/react/checkbox';

Represents the checkbox itself.

checked: boolean - Whether the checkbox is currently ticked
disabled: boolean - Whether the component should ignore user interaction
readOnly: boolean - Whether the user should be unable to tick or untick the checkbox
required: boolean - Whether the user must tick the checkbox before submitting a form
indeterminate: boolean - Whether the checkbox is in a mixed state

Visual indicator for the checked/indeterminate state.