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>pnpm dlx 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.
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 | |
|---|---|---|---|
| — | ||
| — | ||
| — | ||
| — | ||
| — | ||
| — | ||
| — | ||
| — | ||
Last updated on 12/21/2025
Bringing singularity to the web.
Built with passion by @mehdibha.
<Dynamic(Checkbox)>
<Dynamic(CheckboxIndicator) />
<Dynamic(Label)>Accept terms</Dynamic(Label)>
</Dynamic(Checkbox)>