Command Menu

Search documentation, components, and switch theme.

Atoms

Checkbox

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

shadcn/ui
Docs

Installation#

npx shadcn@latest add @formance/checkbox

Install the following dependencies:

npm install radix-ui lucide-react

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

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

Examples#

With Text#

Disabled#