Checkbox Group

A checkbox group allows a user to select multiple items from a list of options.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui checkbox-group

The default CheckboxGroup uses orientation vertical.

Example

Code

Favorite sports

Soccer

Baseball

Basketball

Set the orientation prop to horizontal to use a horizontal CheckboxGroup.

Example

Code

Favorite sports

Soccer

Baseball

Basketball

Use the isDisabled prop to make the entire CheckboxGroup disabled.

Example

Code

Favorite sports

Soccer

Baseball

Basketball