The Checkbox component is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices.


Unchecked Checkbox (default state)

Checked Checkbox, left label position

Checked Checkbox with error message

Error message

Checkbox with suffix

With different sizes

As for now, there are two sizes. medium is the default size.

Disabled checkbox