Checkbox

src/modules/Checkbox/Checkbox.js

Props

All checkbox types use an input with type checkbox unless type is provided. Use type if you'd like to mix and match style and behavior. For instance, slider with type radio for exclusive sliders.

A box for checking.

You can define a label with a props object.

You can define a label by passing your own element.

A checkbox can toggle.

A checkbox can look like a slider.

A checkbox can be formatted as a radio element. This means it is an exclusive option.

Radios in a group must be controlled components.

A checkbox can be read-only and unable to change states.

A checkbox can be checked.

Use defaultChecked as you normally would to set default form values.

A checkbox can be indeterminate.

A checkbox can be read-only and unable to change states.

A fitted checkbox does not leave padding for a label.

The fitted class is automatically applied if there is no label prop.

You can control the checked state of a checkbox.

A checkbox behaves like a native DOM checkbox, including keyboard accessibility.

This is the bottom

Checkbox
A checkbox allows a user to select a value from a small set of options, often binary.

Types

Toggle

Slider

Radio

Radio Group

States

Read Only

Checked

Indeterminate

Disabled

Variations

Fitted

Usage

Controlled

DOM Comparison

CheckboxA checkbox allows a user to select a value from a small set of options, often binary.