Component Documentation
Back
⌘[
Forward
⌘]
Reload
⌘R
Reload
Save Page As
⇧⌘S
Create Shortcut
Name Window
Developer Tools
People
Pedro Duarte
⇧⌘P
Show Bookmarks
⇧⌘B
Show Full URLs
Back
⌘[
Forward
⌘]
Reload
⌘R
Reload
Save Page As
⇧⌘S
Create Shortcut
Name Window
Developer Tools
People
Pedro Duarte
⇧⌘P
Show Bookmarks
⇧⌘B
Show Full URLs

Context Menu

The Context Menu component displays a list of actions or options, commonly used for right-click menus, dropdowns, or nested toolbars.

Built using a Context Menu Wrapper, it can include:

  • Title – for section headers
  • Separator – to group items
  • Item – a selectable option
  • Trigger – reveals a nested menu on hover

Items and Triggers support optional icons, links, and shortcuts, all configurable via the Component Properties panel.

Usage

  1. Drag the Context Menu wrapper onto the canvas.
  2. Add Items, Triggers, Titles, or Separators inside.
  3. Customize each element’s content and behavior.
  4. Use Triggers to build multi-level menus as needed.

This component is fully styled and ready to slot into dashboards, apps, or interactive lists — letting you build flexible, nested menu experiences with minimal setup.

GSAP powered interaction

This context menu uses Webflow’s new GSAP-powered Interactions. The .context-menu_item-wrapper targets the .context-menu_popover with a hover-in animation, then closes it again on hover-out.