Drag the machined dial to adjust intensity. Arrow keys and step buttons offer precise control.
Material studies

Interface component

Instrument

Dial & precise adjustment. Drag the machined dial to adjust intensity. Arrow keys and step buttons offer precise control.

Try this component

Interaction

Drag the machined dial to adjust intensity. Arrow keys and step buttons offer precise control.

Use it for

Dial & precise adjustment

Implementation

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

Explore this design language · Implementation guide · Download source