Skip to Content

checkbox

ui

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

Use cases

  • Multi-select options
  • Terms acceptance
  • Todo lists
  • Feature toggles
  • Filter selections

Features

  • Checked, unchecked, and indeterminate states
  • Keyboard accessible (Space to toggle)
  • Animated check indicator
  • aria-invalid error styling

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/checkbox

Dependencies

radix-uilucide-react

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/checkbox

Source

components/ui/checkbox.tsx