Checkbox

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

Docs API Reference

Component checkbox-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  Checkbox,
  CheckboxControl,
  CheckboxDescription,
  CheckboxInput,
  CheckboxLabel,
} from "@/components/ui/checkbox"
<Checkbox>
  <CheckboxInput />
  <CheckboxControl>
    <CheckboxLabel />
    <CheckboxDescription />
  </CheckboxControl>
</Checkbox>

Examples

Disabled

Component checkbox-disabled-demo not found in registry.

Changelog

2025-11-13 Form libraries integration

Separate <Checkbox.Input /> from <CheckboxControl /> for better flexibility and customization.

ChartCollapsible