Docs
Checkbox

Checkbox

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

Radix UIAPI Reference

Installation

npx shadcn-ui add checkbox
npx shadcn-ui add checkbox

Usage

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

Examples

With text

You agree to our Terms of Service and Privacy Policy.

Disabled

React Hook Form

Checkbox

You can manage your mobile notifications in the mobile settings page.

Checkboxes

Select the items you want to display in the sidebar.

CardCollapsible