Context Menu

Contextual menus contain a small set of relevant actions, related to a control, a piece of content, a view in an app, or an area of the UI without cluttering the interface.

Component checklist

Status

The status of the component

Ready for use!

Repository

A link to the repo where the component lives.

gux-context-menu

Properties

Property Attribute Description Type Default
compact compact Indicates button density style. Intended to be paired with gux-table property. boolean false
disabled disabled Controls the disabled state of the internal button boolean false
placement placement Placement of the popup defaults to is "bottom-start" "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start" 'bottom-start'
screenreaderText screenreader-text Screenreader text for context menu button defaults to "context menu" string ''

Dependencies

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-context-menu --> gux-popup
                                                  gux-context-menu --> gux-button-slot
                                                  gux-context-menu --> gux-screen-reader-beta
                                                  gux-context-menu --> gux-icon
                                                  gux-context-menu --> gux-list
                                                  style gux-context-menu fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS