Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
<Checkbox>
<CheckboxIndicator />
<Label>I accept the terms and conditions</Label>
</Checkbox>npx shadcn@latest add @dotui/checkboxUse Checkbox to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
import { Checkbox } from "@/components/ui/checkbox";<Checkbox>I accept the terms and conditions</Checkbox>Use the controls below to experiment with different checkbox props and see the live preview and code update.
<Checkbox>
<CheckboxIndicator />
<Label>Accept terms</Label>
</Checkbox>A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.
| Prop | Type | Default | |
|---|---|---|---|
RefObject<HTMLInputElement | null> | — | ||
boolean | — | ||
boolean | — | ||
boolean | — | ||
boolean | — | ||
boolean | — | ||
ReactNode | function | — | ||
function | — | ||
Last updated on 1/13/2026
Bringing singularity to the web.
Built with passion by @mehdibha.