overlays · 10 INSTRUMENTS

Overlays

Layered surfaces — dialogs, sheets, and menus that arrive and dismiss with intent.

• KQ-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.