Checkbox

Checkboxes are used for a list of options where the user may select multiple options, including all or none. A stand-alone checkbox is used for a single option that the user can turn on or off.

You can provide the label as either a string or as a react component. If a string is provided as the label, it will be wrapped with the Text component.

Properties

NameTypeDefault
label

string | React element

Sets a label for the checkbox
error

boolean

Sets styles to indicate an error
disabled

boolean

Sets the state of the checkbox disabled
size

"large" | "medium" | "small"

Adjusts the size of the checkbox label
"medium"
textVerticalAlign

"top" | "center"

Adjusts the vertical alignment of the checkbox
"center"

States






Sizes




Playground