Checkbox 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.

Settings

Installation

In the terminal, run the following command to begin:
npx hq-kit add checkbox

Description

Add a description to the checkbox group using the description prop.

User PermissionsSelect the permissions you want to grant to the user.

Validation

The checkbox group is in an error state.

Settings

Indeterminate

The checkbox group is in an indeterminate state.

Controlled

Control the checkbox group value with the value prop.

Options
No values selected

Disabled

Disable the entire checkbox group by passing the isDisabled prop.

Settings

Read Only

When you need just a read-only checkbox group, pass the isReadOnly prop.

<CheckboxGroup isReadOnly/>
Number FieldCheckbox