Component Documentation
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
- Drag the Context Menu wrapper onto the canvas.
- Add Items, Triggers, Titles, or Separators inside.
- Customize each element’s content and behavior.
- 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.