A physical thumb slides between two clearly labeled states.
Optical system

Interface component

Switch

Sliding contact. A physical thumb slides between two clearly labeled states.

Try this component

Interaction

A physical thumb slides between two clearly labeled states.

Use it for

Sliding contact

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