A control that allows the user to toggle between checked and not checked.
import { Checkbox } from "@/components/ui/radix-checkbox"; export const RadixCheckboxDemo = () => { return ( <div className="flex items-center space-x-2"> <Checkbox defaultChecked id="terms" /> <label htmlFor="terms" className="text-sm leading-none font-medium select-none">Accept terms and conditions</label> </div> ); };
Part of Animate UI — browse the full library on 21st.dev.