Ship-It Designv0.0.20

GitHub

Checkbox

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Loading…

Checked#

Loading…

Indeterminate#

Loading…

Disabled#

Loading…

Group#

Loading…

Props#

Props for Checkbox
PropTypeDefaultDescription
labelReactNodeOptional inline label rendered to the right of the box.
densityenumcomfortable`'comfortable'` (default) renders the desktop checkbox. `'touch'` bumps the box to 22×22 inside a 44pt-min row so the whole label is tappable.