Components

Checkbox

A control for a single on/off choice, with an indeterminate state.

Accept the terms

Installation

npx shadcn@latest add @blank/checkbox

Usage

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

<Checkbox id="terms" />

Examples

States

Checked and indeterminate use brand, the identity color, rather than primary, so selection looks the same in every component. The mark draws in and out instead of popping.

Group

Several checkboxes under one FieldSet legend, each with a description through FieldContent.

Email me about

Deployments

When a deployment succeeds or fails.

Comments

When someone mentions you.

Billing

Invoices and payment failures.

API Reference

Checkbox

Every Radix Checkbox.Root prop, such as checked, defaultChecked, onCheckedChange and disabled.