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

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add checkbox

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>

Preview

Code

I accept terms and conditionsI have read and agree to the terms and conditions

Preview

Code

Accept terms and conditions

{"selected":false}

Preview

Code