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
Name | Type | Default |
---|---|---|
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" |
indeterminate | boolean Sets the checkbox in the indeterminate state | false |