dropdown menu

Base UI menu with sticky hover, icon + label + shortcut row anatomy, and submenu handoff.

menuinteractivebase-ui

Dropdown menu with a calmer popup shell, richer action rows, and a submenu handoff that stays visually anchored while you sweep across nested actions.

Sticky hover + submenu memory

Moves like a product menu, not a docs example.

Open the action menu, sweep into nested routes, and use keyboard or pointer without losing your place. The shell is denser, the rows feel intentional, and destructive actions read clearly without shouting.

hover memory
submenu handoff
keyboard ready
Launch notesEdited 4m ago

Prompt bar launch copy

Tighter release framing, a cleaner update for the team, and a few share-ready snippets for launch channels.

Try this: open the menu, hover into Share, drift to another lane, then come back. The current item stays visually anchored so the submenu handoff feels deliberate instead of fragile.

What to look for

  • Shell quality: higher-contrast popup, calmer blur, and clearer row grouping.
  • Pointer rhythm: sticky hover memory keeps nested routes from feeling twitchy.
  • Row anatomy: icon, label, description, and meta all stay legible at dense sizes.
Keyboard + pointer ready

Use to step through rows, to enter a submenu, and Esc to dismiss. The same spacing and hierarchy stay readable on narrower mobile widths too.

skill

Loading bundle…

context prompt

paste-ready brief for an AI assistant.

source · src/components/menu