A control that allows users to select one or more options from a set.
"use client";
import { Check } from "lucide-react";
import {
Checkbox,
CheckboxIndicator,
} from "@/components/ui/checkbox/checkbox";
import styles from "./checkbox-demo.module.css";
export default function CheckboxDemo() {
return (
<label className={styles.label} htmlFor="terms">
<Checkbox id="terms">
<CheckboxIndicator>
<Check size={16} strokeWidth={3} />
</CheckboxIndicator>
</Checkbox>
<span className={styles.text}>Accept terms and conditions</span>
</label>
);
}
npx shadcn@latest add https://roiui.com/r/checkbox.json<Checkbox>
<CheckboxIndicator />
</Checkbox>