A sliding detail surface that leaves the original context visible.
Optical system

Interface component

Drawer

A side conversation. A sliding detail surface that leaves the original context visible.

Try this component

Interaction

A sliding detail surface that leaves the original context visible.

Use it for

A side conversation

Implementation

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

Explore this design language · Implementation guide · Download source