Checkbox
Checkboxes allow the user to select one or more items from a set.
Basic usage
The Checkbox
needs a label and icons props.
<Checkbox label="Accept terms" checkIcon={<Check />} indeterminateIcon={<Minus />} />
States
Indeterminate
Checkbox
also accepts isIndeterminate
prop.
<Checkbox label="Accept terms" checkIcon={<Check />} indeterminateIcon={<Minus />} isIndeterminate />
Disabled
You can disable the Checkbox
using the isDisabled
prop:
<Checkbox label="Accept terms" checkIcon={<Check />} indeterminateIcon={<Minus />} isDisabled />
<Checkbox label="Accept terms" checkIcon={<Check />} indeterminateIcon={<Minus />} isDisabled defaultIsChecked />