Checkbox
Click to check or uncheck, like making a choice on a quiz, simple and straightforward for quick decisions.
Basic
A checkbox is a small box you can tick to select an option. It’s either on or off.
Installation
If you hit any issues, make sure you check out the installation guide here.
Composed Components
When you plug this component from the CLI, it autoloads all the composed components. No need to toss 'em in one at a time.
The Checkbox's decked out with several components to make it bangin'.
Manual Installation
Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.
Anatomy
Import the components and use them as shown below, adapting the structure to fit each component.
Label Prop
You can add a label to the checkbox by passing the label prop.
<Checkbox label="Enable Notifications" />Description Prop
Add a description to the checkbox group by passing the description prop.
Invalid
The checkbox is in an error state.
Indeterminate
The checkbox is in an indeterminate state.
Controlled
You can control the checkbox value by using the value prop.
Uncontrolled
You can control the checkbox value by using the defaultValue prop.
Disabled
The checkbox is disabled.