Checkbox

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

Accept terms and conditions

I want to receive marketing emails

Disabled checkbox

Subscribe to newsletter

Get the latest updates and news delivered to your inbox.

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/checkbox.json

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

<Checkbox />

This component is built on top of Radix UI Checkbox. See the Radix UI Checkbox documentation for the full API reference.