Checkbox

Checkboxes are a stylized input[type="checkbox"] with controllable checked/unchecked states. Checkbox Design Guidelines.

Edit the code below to see your changes live!

API

Checkbox

Supports all native <input /> element attributes.

Prop NameTypeDefaultDescription
label *ReactChildLabel to display next to a Checkbox component.
isIndeterminatebooleanStyles and sets the checkbox into a indeterminate state. Note that the checked prop will take precedence over isIndeterminate.

Props ending with * are required

Indeterminate

Checkboxs support isIndeterminate passed as a prop to show a combined state of partially selected checkboxes.

Edit the code below to see your changes live!

Beta