QuackElements
Browse components+
Components/Checkbox

Checkbox

A control that lets a user select one or more options.

Interactive example

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add checkbox

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { Checkbox } from "@/components/quack/checkbox"

export function CheckboxDemo() {
  return (
    <label className="flex items-center gap-3">
      <Checkbox defaultChecked />
      <span>Accept the terms and conditions</span>
    </label>
  )
}