fake-checkbox (peer + sr-only) — color × appearance (solid / soft / base-100 / base-200 / base-300) × size
default solid (checked)
solid (unchecked)
soft (checked)
soft (unchecked)
base-100 (checked)
base-100 (unchecked)
base-200 (checked)
base-200 (unchecked)
base-300 (checked)
base-300 (unchecked)
Sizes
States
With description
On base-200 surface
On base-300 surface
Error state
Disabled
Group (multi-select fruits)
Inline group
fake-checkbox (peer + sr-only) — color × appearance (solid / soft / base-100 / base-200 / base-300) × size
default solid (checked)
solid (unchecked)
soft (checked)
soft (unchecked)
base-100 (checked)
base-100 (unchecked)
base-200 (checked)
base-200 (unchecked)
base-300 (checked)
base-300 (unchecked)
Sizes
States
With description
On base-200 surface
On base-300 surface
Error state
Disabled
Group (multi-select fruits)
Inline group
fake-checkbox (peer + sr-only) — color × appearance (solid / soft / base-100 / base-200 / base-300) × size
default solid (checked)
solid (unchecked)
soft (checked)
soft (unchecked)
base-100 (checked)
base-100 (unchecked)
base-200 (checked)
base-200 (unchecked)
base-300 (checked)
base-300 (unchecked)
Sizes
States
With description
On base-200 surface
On base-300 surface
Error state
Disabled
Group (multi-select fruits)
Inline group