Checkbox
Default · 16px control · 14px Reicon check · 4px radius
Value × stateRestingHoverPressedFocusDisabledInvalidInvalid + FocusUnchecked
Checked
Indeterminate
With label and helper text
Notify me when an order is ready.
Accept the terms to continue.
Value × stateRestingHoverPressedFocusDisabledInvalidInvalid + FocusUnchecked
Checked
Indeterminate
With label and helper text
Notify me when an order is ready.
Accept the terms to continue.
Hover and pressed retain resting colors. Indeterminate uses the Reicon minus. Focus specimens mirror the real focus-visible rules.