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 />

Released under the MIT License.

Copyright © 2023-PRESENT Carlos Paludetto and Solid Material contributors