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
isOpen is-open Indicates whether the context menu is currently open. This property reflects the current state of the menu and can be used for testing. 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 ''

Slots

Slot Description
The default slot

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