A control that toggles between two options, checked or unchecked.
import { Checkbox } from "@/components/ui/checkbox-1"; export default function DisabledDemo() { return ( <div className="flex flex-col gap-2"> <Checkbox disabled>Disabled</Checkbox> <Checkbox checked disabled> Disabled Checked </Checkbox> <Checkbox disabled indeterminate> Disabled Indeterminate </Checkbox> </div> ); }
Part of Geist — browse the full library on 21st.dev.