Add objects to a tray, reorder them, remove them, and undo a removal.
Optical system

Interface component

Selection tray

Gather and arrange. Add objects to a tray, reorder them, remove them, and undo a removal.

Try this component

Interaction

Add objects to a tray, reorder them, remove them, and undo a removal.

Use it for

Gather and arrange

Implementation

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

Explore this design language · Implementation guide · Download source