Checkbox

A checkbox component that can be used to trigger actions.

API reference

PropTypeDefaultResponsive
label
string
-No
defaultChecked
boolean'indeterminate'
-No
checked
boolean'indeterminate'
-No
onChange
(checked: boolean | 'indeterminate') => void
-No
disabled
boolean
-No
required
boolean
-No
name
string
-No
value
string
-No
className
string
-No
style
CSSProperties
-No

Examples

All variants

Here's a view when checkboxes have different variants.

<Inline alignY="center">
  <Checkbox />
  <Checkbox checked />
  <Checkbox label="Checkbox" />
  <Checkbox label="Checkbox" checked />
</Inline>