Sortable Zones

Three drag-and-drop zones — Visible, Hidden and Pinned — with a cap on Visible.

Prototype 1 min read #product-design

Still of Sortable Zones
Open in a new tab

SortableZones is a three-zone drag-and-drop workbench. Time-range chips (1h, 6h, 24h, 7d, 30d) start in Visible, capped at three, and Hidden; Pinned starts empty. Drag chips to reorder them or move them between zones, or click Enable on a hidden chip; a live readout below shows each zone’s state.