Overlays

Keyboard Dropdown Menu

A trigger button opens a floating action list whose highlight background glides smoothly between whichever item is hovered or keyboard-focused, with full arrow-key and type-ahead navigation.

Document

Report-q3.pdf

Arrow keys move the highlight, letters jump to a row, Escape closes.

Using Keyboard Dropdown Menu

A trigger button opens a floating action list whose highlight background glides smoothly between whichever item is hovered or keyboard-focused, with full arrow-key and type-ahead navigation.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accentColor, itemCount, closeOnSelect

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2295Account Dropdown MenuOverlaysAn avatar trigger that opens a grouped account menu with keyboard shortcut hints, a theme submenu, and a destructive sign-out row styled apart from the rest.

2121Checkable action menuOverlaysA menu that mixes plain actions with checkbox rows and a single-choice set, popping each tick in as it turns on and gliding one dot between the choices.

2094Sliding highlight menuOverlaysA button-triggered action menu where one rounded plate glides between rows as the pointer or the arrow keys move, rather than each row lighting up on its own.

2296Account Menu FlyoutOverlaysA profile summary button that opens into an account menu of labeled rows, with a small curved indicator line that straightens when the menu is open.

1911Anchored info popoverOverlaysA trigger button that opens a small floating info panel anchored to one of its edges, fading and scaling in from that edge and dismissing on outside click or Escape.

1912Anchored popover cardOverlaysA trigger button that opens a small settings card anchored to itself, scaling in from the edge it grows out of and closing on a second click, Escape, or a press outside.