Examples
Copy-ready checkbox patterns that stay fully headless. Each example keeps the primitive on the native <input> while you own the surrounding layout, labels, helper text, and visual language.
Consent checklist
Mix editable consent rows with readonly confirmation in the same shell.
Consent checklist (Plain-CSS)
Consent checklist (Tailwind CSS)
Tri-state rollup
A parent checkbox reflects child completion with checked and mixed states.
Tri-state rollup (Plain-CSS)
Selected: build
Tri-state rollup (Tailwind CSS)
Selected: build
Validation and readonly states
Mandatory approval, readonly audit state, and disabled background work presented together.
Validation and readonly states (Plain-CSS)
Finish this approval gate before enabling the release toggle.
Validation and readonly states (Tailwind CSS)
Finish this approval gate before enabling the release toggle.