Checkbox
Tri-state capable checkbox (wraps Base UI Checkbox). Unchecked it is a soft well; checked or indeterminate it becomes a raised tile in its tone.
States
Disabled
disabled dims the box and blocks input, checked or not.
Tones
tone colors the tile once the box is checked or indeterminate; an unchecked box stays neutral.
Controlled
Drive the checked state yourself with checked and onCheckedChange.
API reference
Renders a leading label next to the box. Omit and wrap in your own <label> for custom layouts.
Color used once checked/indeterminate. Default "default".
Also accepts everything from React.ComponentPropsWithoutRef<typeof import("@base-ui/react/checkbox").Checkbox.Root>.
Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent