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>

View

Code

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

View

Code

Accept terms and conditions

{"selected":false}

View

Code

View

Code

Agreement

Terms and conditions

Cookie policy

Please read and agree before continuing

View

Code

Email Settings

NewsletterReceive our newsletter once per week

DealsThe best deals and sales for members

NotificationsNotifications about your orders

View

Code

Agreement

Terms and conditions

Cookie policy

selected: []

View

Code