Components
Loading preview...
A control allowing the user to toggle between checked and not checked.
npx shadcn@latest add https://21st.dev/r/coss.com/checkboximport { Checkbox } from "@/components/ui/component";
function Label({ children, htmlFor, className }: { children: React.ReactNode; htmlFor?: string; className?: string }) {
return (
<label htmlFor={htmlFor} className={`flex items-center gap-2 text-sm font-medium cursor-pointer select-none ${className ?? ""}`}>
{children}
</label>
);
}
export default function Particle() {
return (
<div className="flex items-center justify-center w-full min-h-screen bg-background p-8">
<Label>
<Checkbox />
Accept terms and conditions
</Label>
</div>
);
}