Checkbox
A rounded square or the iOS selection circle, with a 1.5px edge, a drawn-in checkmark and an indeterminate state. Pass label and description for a clickable row.
import { Checkbox } from "pleate/checkbox";Indeterminate parent
Sizes, shapes, selection list
Circles at the start of each row, as in Mail edit mode.
1 selected
Props
- checked / defaultChecked
State.
boolean | "indeterminate"- onCheckedChange
Change handler.
(checked: boolean | "indeterminate") => void- shape
Square or circle.
"circle" | "square"default "square"- size
Height, padding and type size.
"sm" | "md" | "lg"default "md"- label / description
Builds the labelled row (description is wired with aria-describedby).
ReactNode- labelPlacement
Text after the box, or before it across the row.
"end" | "start"default "end"