Menu Subheader | Components | Lightning Component Reference

lightning-menu-subheader

Creates a subheader in the list of items in lightning-button-menu.

For Use In

Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out (Beta), Standalone Lightning App, Mobile Offline

The lightning-menu-subheader component creates a heading in the list of menu items in a lightning-button-menu component. The heading appears in bold text and is slightly larger than menu item text. Subheaders can help categorize items and improve usability for long lists.

Specify the text of the heading using the label attribute.

Nest the component inside lightning-button-menu before the lightning-menu-item where you want the header. Use lightning-menu-subheader as a sibling of lightning-menu-item, not as a child component.

This example shows a dropdown menu with subheaders.

For further customization of button menus, use lightning-menu-divider to create divider lines in the list of items. You can place dividers under subheaders or menu items.