Lightning Components Developer’s Guide
jNewer Version Available
ui:menuList
A menu component that can contain menu items: ui:actionMenuItem, ui:checkboxMenuItem, and ui:radioMenuItem, and a separator component ui:menuItemSeparator. This component can be nested in a ui:menu component and can be used together with a ui:menuTriggerLink component, which triggers the menu items.
Attributes
| Attribute Name | Attribute Type | Description | Required? |
|---|---|---|---|
| autoPosition | Boolean | Move the popup target up when there is not enough space at the bottom to display. Note: even if autoPosition is set to false, popup will still position the menu relative to the trigger. To override default positioning, use manualPosition attribute. | |
| body | Component[] | The body of the component. In markup, this is everything in the body of the tag. | |
| class | String | A CSS style to be attached to the component. This style is added in addition to base styles output by the component. | |
| closeOnClickOutside | Boolean | Close target when user clicks or taps outside of the target | |
| closeOnTabKey | Boolean | Indicates whether to close the target list on tab key or not. | |
| curtain | Boolean | Whether or not to apply an overlay under the target. | |
| menuItems | List | A list of menu items set explicitly using instances of the Java class: aura.components.ui.MenuItem. | |
| visible | Boolean | Controls the visibility of the menu. The default is false, which hides the menu. |
Events
| Event Name | Event Type | Description |
|---|---|---|
| mouseup | COMPONENT | Indicates that the user has released the mouse button. |
| mousedown | COMPONENT | Indicates that the user has pressed a mouse key. |
| mousemove | COMPONENT | Indicates that the user has moved the mouse pointer. |
| dblclick | COMPONENT | Indicates that a component has been double-clicked. |
| mouseout | COMPONENT | Indicates that the user has moved the mouse pointer away from the component. |
| click | COMPONENT | Indicates that a component has been clicked. |
| mouseover | COMPONENT | Indicates that the user has moved the mouse pointer over the component. |
| collapse | COMPONENT | Indicates that a component collapses. |
| expand | COMPONENT | Indicates that a component expands. |
| menuSelect | COMPONENT | Indicates that the user selects a menu item inside a menu component. |