🚀 Beta mode be careful of the bugs

Checkbox

A control that allows the user to toggle between checked and not checked.

Preview

Checkbox

Installation

pnpm dlx shadcn@latest add https://shadwui.com/r/checkbox.json

Usage

import { Checkbox } from "@/components/shadwui/checkbox"
<Checkbox />

Examples

01

Checkbox 01

02

Checkbox 02

03

Checkbox 03

04

Checkbox 04

05

Checkbox 05

06

Checkbox 06

07

Checkbox 07

08

Checkbox 08

09

Checkbox 09

10

Checkbox 10
You can use this checkbox with a label and a description.

more...

Checkbox 11
You can use this checkbox with a label and a description.
Checkbox 12
You can use this checkbox with a label and a description.
Checkbox 13
A short description goes here.
Checkbox 14
A short description goes here.
Checkbox 15
A short description goes here.
Checkbox 16
Checkbox 17
Days of the week

Options

PropTypeDefault
asChildbooleanfalse
defaultCheckedboolean | 'indeterminate'false
checkedboolean | 'indeterminate'
onCheckedChange(checked: boolean | 'indeterminate') => void
disabledbooleanfalse
requiredbooleanfalse
namestring
valuestring
classNamestring
...props

On this page