Checkbox

components/buttons/CheckBox.tsx

states

States

unchecked / checked / disabled unchecked / disabled checked

Unchecked by default (toggle me)Checked by default (toggle me)Disabled uncheckedDisabled checked

no-label

Checkbox without a label node — just the box

unchecked / checked / disabled×2

real-world

Notification preferences form

Email notifications

Chat alerts (new messages while offline)Product updates and announcementsWeekly summary report