Aura Component
Menu Subheader
Creates a divider in the list of items for lightning:buttonMenu.
Descriptor
lightning:menuSubheaderTargets
Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App
Example Options
Button Menus With Subheaders
Button menu with lightning:menuSubheader components.
Code
<aura:component> <div class="slds-m-top_medium slds-m-bottom_large"> <h2 class="slds-text-heading_small slds-m-bottom_medium"> Button menu with <code>lightning:menuSubheader</code> components. </h2> <div class="slds-p-around_medium container lgc-bg"> <lightning:buttonMenu alternativeText="Show menu"> <lightning:menuSubheader label="Header Alpha" /> <lightning:menuItem value="MenuItemOne" label="Menu Item One" /> <lightning:menuItem value="MenuItemTwo" label="Menu Item Two" /> <lightning:menuSubheader label="Header Beta" /> <lightning:menuItem value="MenuItemThree" label="Menu Item Three" /> <lightning:menuItem value="MenuItemFour" label="Menu Item Four" /> </lightning:buttonMenu> </div> </div> </aura:component> 