Checkbox

A control that allows the user to toggle between checked and unchecked states.

forminteractive

Loading preview...

Installation

npx baseui-cn add checkbox

import { Checkbox } from "@/components/ui/checkbox"

<Checkbox />

A simple checkbox.

Loading preview...

Pair with a Field and Label.

Loading preview...

Use the indeterminate state for partial selections.

Loading preview...

A disabled checkbox.

Loading preview...

See the Base UI Checkbox documentation for the full API reference, including all props, data attributes, and CSS classes.