Checkbox

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

Installation

tsx
npx @smicolon/smi-ui add checkbox

Preview

With Label & Description

Receive emails about new products and features

Get notified about security updates

States

Usage

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

// Basic checkbox
<Checkbox />

// With label
<Checkbox label="Accept terms and conditions" />

// With description
<Checkbox
  label="Marketing emails"
  description="Receive emails about new products"
/>

// Indeterminate state
<Checkbox indeterminate />

// Error state
<Checkbox label="Required field" error />