Skip to content

Checkbox

stable

Binary toggle control with label

Data EntryInteractive/Storybook ↗
import { Checkbox } from "@danagraph/design-system"
Loading demo…

Props

labelrequired
Type stringDefault —

Accessible label text

indeterminate
Type booleanDefault —

Show indeterminate (dash) state

checked
Type booleanDefault —

Controlled checked state

disabled
Type booleanDefault —

Disable interaction

semantictypeborder
MobileTouch Target

The checkbox indicator is 16px; the surrounding label provides the touch target. Ensure the label has at least 28px height. In dense forms, add mb-1 between items.

Design Rationale

This component was designed to express:

Explore Related

Was this helpful?