A checked mark settles into a recessed square. Supports mixed state.
Optical system

Interface component

Checkbox

Stamped selection. A checked mark settles into a recessed square. Supports mixed state.

Try this component

Interaction

A checked mark settles into a recessed square. Supports mixed state.

Use it for

Stamped selection

Implementation

React / Motion. Part of the Controls family in Optical UI. The live example supports interactive exploration; this page provides its permanent reference.

Explore this design language · Implementation guide · Download source