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

Supports all native <input /> element attributes.

Checkbox

Prop Name
Type
Default
Description
label *string | CheckboxLabel

Label to display next to a <Code>Checkbox</Code> component.

hiddenLabelboolean

Renders Checkbox with a visually hidden label, retains accessibility for screen readers.

isIndeterminateboolean

Styles and sets the checkbox into a indeterminate state. Note that the checked prop will take precedence over isIndeterminate.

Props ending with * are required

Indeterminate

Checkboxes 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