Carsxe

Checkbox

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

Installation

Import from the package. Do not run shadcn add in your app.

import { Checkbox } from "@carsxe/design-system/components/checkbox"

Usage

import { Checkbox } from "@carsxe/design-system/components/checkbox"
import { Label } from "@carsxe/design-system/components/label"

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">Accept terms</Label>
</div>

Disabled

API Reference

PropTypeDefault
defaultCheckedboolean
disabledboolean