HQ UI

Checkbox

A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.

Installation

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

Checkbox

State

Label

You can add a label by passing the label prop wrap it as children.

<Checkbox label='I Accept Terms and Conditions' />
<Checkbox>I Accept Terms and Conditions</Checkbox>

Description

Controlled

Validation

Checkbox Group

State

Group Description

Item Description

Controlled

Validation