Checkbox
A binary toggle control. Supports controlled and uncontrolled usage, six semantic color palettes, two sizes, indeterminate state, and custom icons.
Focus
When the hidden <input> receives keyboard focus, a 2px solid currentColor outline appears on the icon wrapper via the CSS :has(input:focus-visible) selector. No JavaScript state is needed.