components

Checkbox

Allow users to switch between check or unchecked state

Source CodeRadix UI

Installation

pnpm dlx radianui@latest add checkbox

Usage

Imports

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

Code

/components/ui/checkbox.tsx
<Checkbox />

Examples

Size

Checked

Disabled

Indeterminate

Checkbox Group

Pick your favorite hobbies

Custom Checkbox

Form

Billing address

Props

<Checkbox>
NameDefaultValues
sizemdsmmdlg
icon<Check/>ReactNode
External Reference--