Skip to content

Checkbox

stable

Binary toggle control with label

Data EntryInteractive/Storybook ↗
import { Checkbox } from "@nodus/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

Metadatasemantictypeborder
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?