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

Copy & Paste

bash

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

The default Checkbox uses size md.

Example

Code

Cat

Dog

Reptile

You can use the size prop to alter the Checkbox size. Sizes sm, md, and lg are included by default.

Use the isDisabled prop to make an individual Checkbox disabled.

Example

Code

Medium Cat

Medium Dog

Medium Reptile