0

Menu component conventions

agent-skillsfrontend-ui-engineering

The new dropdown should expose a trigger label and an array of actions. Disabled actions remain visible but cannot receive focus or execute.

Sign in to save downloads to your library and vote.

Preview

Menu component conventions

  • Framework: React with TypeScript.
  • Styling: existing menu-* utility classes; do not add a styling dependency.
  • Public components accept className and forward a DOM ref.
  • Components must support keyboard-only and screen-reader users.
  • Focus returns to the trigger when a menu closes.
  • Escape closes the menu; arrow keys move between enabled items.

The new dropdown should expose a trigger label and an array of actions. Disabled actions remain visible but cannot receive focus or execute.

Ingestion metadata

Source catalog
agent-skills
Repository
addyosmani/agent-skills · main
File path
evals/fixtures/frontend-ui-engineering/design-system.md
Last refreshed
7/23/2026, 10:39:07 PM (4h ago)
Refresh schedule
Daily · 03:00 UTC
Dedupe status
Unique · deduped by (source, url)