Flyout Menu

Derived from a popover, the flyout menu features drill-down/nested capabilities for menus and lists.

gux-flyout-menu

Slots

Slot Description
"menu" gux-menu element
"target" target element

Dependencies

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-flyout-menu --> gux-announce-beta
                                                  style gux-flyout-menu fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS


gux-flyout-menu

Slots

Slot Description
collection of menu-option, submenu elements

Built with StencilJS


gux-flyout-menu

Properties

Property Attribute Description Type Default
label label string undefined

Methods

guxFocus() => Promise<void>

Focus on the components button element

Returns

Type: Promise<void>

Slots

Slot Description
collection of menu-option, submenu elements

Dependencies

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-submenu --> gux-icon
                                                  style gux-submenu fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS


gux-flyout-menu

Methods

guxFocus() => Promise<void>

Focus on the components button element

Returns

Type: Promise<void>

Slots

Slot Description
text

Built with StencilJS