Dashboard interaction · Master–detail drawer

A camera-gear inventory. Click a row and a dark detail drawer slides in from the right while the table compresses to the left — three middle columns fold away, the KPI cards narrow — so the list stays visible. Arrow keys flip between records instantly.

What it is

Click a row and a detail panel slides in from the side while the list compresses to stay visible next to it; the arrow keys flip between records instantly. Comparing one item with the next takes a keystroke, not a round trip. For inventories, CRMs, order lists and any table where people open records one after another.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 第 5 集「6 种高端 Dashboard 交互」· 06 列表加右侧详情抽屉 · 0:44–0:51 (3× playback)