A compact choice between modes, with a continuous selection surface.
Optical system

Interface component

Segmented control

Mode in one motion. A compact choice between modes, with a continuous selection surface.

Try this component

Interaction

A compact choice between modes, with a continuous selection surface.

Use it for

Mode in one motion

Implementation

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

Explore this design language · Implementation guide · Download source