Checkbox
A control that allows the user to toggle between checked and unchecked.
Last updated: March 7, 2026
This component is currently being updated with more polished variants.
Basic Checkbox
Default, checked, and disabled states at a glance.
Signal Checkbox
Uses red, green, and amber tones for quick status communication.
Progress Checkbox
An animated progress ring that fills from 0% to 100% when checked.
Tri-State Intent Checkbox
Cycles through not applied, partially applied, and confirmed states.
Tokenized Checkbox
Transforms into a selected token chip when checked.
Risk-Aware Checkbox
Color intent changes by risk level, with explicit acknowledgment messaging.
Weighted Checkbox
Each selected item contributes a weighted score to a live total.
Feature Priority Score
0 / 10Live score updates as you toggle priorities.
Time-Locked Checkbox
Allows undo for a short window, then locks confirmation.
More variants and refinements will be added in upcoming updates.