Checkbox component with checked, disabled, and combined states.
import { Checkbox } from "@/components/ui/component" import { Label } from "@/components/ui/label" export default function CheckboxCheckedDemo() { return ( <div className="flex items-center justify-center w-full min-h-screen bg-background p-8 overflow-hidden"> <div className="flex items-center gap-2"> <Checkbox id="terms-checked" defaultChecked /> <Label htmlFor="terms-checked">Accept terms and conditions</Label> </div> </div> ) }
Part of Interfaces DS — browse the full library on 21st.dev.