A control allowing the user to toggle between checked and not checked.
import { Checkbox } from "@/components/ui/component"; export default function Particle() { return ( <div className="flex items-center justify-center w-full min-h-screen bg-background p-8"> <label className="flex items-center gap-2 text-sm font-medium cursor-not-allowed select-none opacity-64"> <Checkbox defaultChecked disabled /> Accept terms and conditions </label> </div> ); }
Part of coss — browse the full library on 21st.dev.