overlays · 20 INSTRUMENTS
Overlays
Layered surfaces — dialogs, sheets, and menus that arrive and dismiss with intent.
See the Overlays showcaseKQ-008
Callout
A label with a leader line.
KQ-009
Morph Dialog
The trigger becomes the dialog.
KQ-027
Drawer
A side panel on rails.
KQ-028
Bottom Sheet
It snaps where your gesture was going.
KQ-191
Popover Menu
Unfolds from the trigger; the arrow keeps its aim.
KQ-192
Context Menu
Springs from the right-click; cascades into submenus.
KQ-193
Hover Card
A preview that floats up from an inline anchor.
KQ-194
Spotlight Tour
A moving spotlight walks the eye through each step.
KQ-241
Relay Tip
One label travelling, not four blinking.
KQ-349
Turn Modal
Two faces of one object.
KQ-521
Undo Toast
Undo, before the ring runs out.
KQ-522
Light Box
The thumbnail becomes the picture.
KQ-523
Edit Bubble
Click the value; it becomes the field.
KQ-524
Bell Tray
The bell rings; the tray drops.
KQ-525
Typed Confirm
Type the word; the button wakes as you match.
KQ-526
Fab Fan
One button fans into five.
KQ-527
Keymap Sheet
Press ? and the keys drop in.
KQ-528
Dock Player
Scroll past it; it docks in the corner.
KQ-529
Share Tray
Tap share; the targets rise in turn.
KQ-530
Consent Slab
It rises once; the choices unfold.