Inputs

Fields, toggles, sliders and pickers.

Sort-by heading

Dissolve input

Searchable select

Checkbox

Lock toggle

Notification toggle

Gooey input

Search bar

Range slider

Date range calendar

Playground

Component

Design system

Size

Starts ticked

Disabled

Invalid

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

<Checkbox
  size="sm"
  id="charity-register"
  onCheckedChange={setIncluded}
/>