Skip to content
SproutAceve · v3.11.0
Get started
Overview What is your role? Getting started Install Adopting Sprout
Foundations
Brand & logos Color Typography Spacing & layout Elevation Iconography Accessibility
Components
Overview Buttons Inputs & forms Data grid Ribbon toolbar Navigation Cards Dialog Tabs Context menu
Practice
Interaction & motion Voice & content Product patterns AI patterns
People & ethics
Design principles Personas UX ethics Trust & direction
Playground
Build the systemplay Tower of tokensplay
Behind the system
How it works Why it pays Changelogv3.11 Roadmap Contribute
Components

Context menu.

Beta — usable, but the API may still change.

A short list of actions for one object, opened by right-click or by an overflow (“⋮”) button. Keep it to the commands that act on the thing under the cursor — anything global belongs in the ribbon, not here.

Anatomy

Icon + label rows, a divider, and the destructive action last.

Rename
Duplicate
Share
Delete row

Accessibility

Menus live on the keyboard — pointer is the shortcut, not the contract.

role="menu"On the surface; labelled with aria-label describing what it acts on.
role="menuitem"Each row; destructive items are visually and semantically last.
Arrow keysUp / Down move between items; Home / End jump to first / last.
Esc closesEscape dismisses the menu; focus returns to the trigger.
TriggerRight-click or an overflow button with aria-haspopup="menu".
← PreviousTabsNext →Interaction & motion
Sprout · Aceve Design System · v3.11.0
Figma library GitLabReleases