Styled

This checkbox is nested inside a label. The state is uncontrolled.

Custom label



Native label

Native label + native checkbox

Custom label + for



Native label + for

Native label + for + native checkbox

Controlled

This checkbox is placed adjacent to its label. The state is controlled.

Indeterminate

WithinForm

TODO: Within Form

optional checked: false



required checked: false


stop propagation checked: false


Animated

Chromatic

Uncontrolled

Unchecked

Checked

Controlled

Unchecked

Checked

Indeterminate

Disabled

Force mounted indicator

State attributes

Unchecked

Checked

Indeterminate

Disabled

Force mounted indicator