Related actions share one steady surface, with continuous focus and clear quantity feedback.
Optical system

Interface component

Button group

Connected actions. Related actions share one steady surface, with continuous focus and clear quantity feedback.

Try this component

Interaction

Related actions share one steady surface, with continuous focus and clear quantity feedback.

Use it for

Connected actions

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