Components
Charts
Setting UpArea ChartLine ChartBar ChartPie ChartRadar ChartRadial Bar ChartScatter ChartTooltip ChartColors
Color AreaColor FieldColor PickerColor SliderColor SwatchColor Swatch PickerColor ThumbColor WheelDrag and drop
Drop ZoneForms
CheckboxCheckbox GroupFieldFormInput OTPNumber FieldRadio GroupSearch FieldTag FieldText FieldTextareaUtilities
Visually HiddenCheckbox Group
A checkbox group lets users select multiple items from a list of options, offering flexible choices for enhanced user interaction and control.
Basic
A group of checkboxes that lets you select multiple options at once.
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
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 Group'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
Description
Add a description to the checkbox group using the description
prop.
Validation
The checkbox group is in an error state.
Indeterminate
The checkbox group is in an indeterminate state.
Controlled
Control the checkbox group value with the value
prop.
Uncontrolled
Control the checkbox group value with the defaultValue
prop.
Disabled
Disable the entire checkbox group by passing the isDisabled
prop.
Read Only
When you need just a read-only checkbox group, pass the isReadOnly
prop.