Docs
components
Checkbox

Checkbox

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

Docs

Checkboxes can be built with the <input> HTML element, but this can be difficult to style. Checkbox helps achieve accessible checkboxes that can be styled as needed.

Preview

Code

Installation

CLI

Copy & Paste

NPM

PNPM

Bun

Yarn

npx shadcn@latest add https://jollyui.dev/default/checkbox

Examples

Basic

Preview

Code

Value

Indeterminate

Preview

Code

Validation

Preview

Code

Disabled

Preview

Code

Read-only

Preview

Code

Dropzone Checkbox Group

On This Page

Installation
Examples