Aura Component
Vertical Navigation Overflow
Represents an overflow of items from a preceding lightning:verticalNavigationSection, with the ability to toggle visibility. This component requires API 41.0 and later.
Descriptor
lightning:verticalNavigationOverflowTargets
Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App
Example Options
Overflow Section
Code
<aura:component> <div> <lightning:verticalNavigation selectedItem="recent"> <lightning:verticalNavigationSection label="Reports"> <lightning:verticalNavigationItem label="Recent" name="recent" /> <lightning:verticalNavigationItem label="Private Reports" name="private" /> <lightning:verticalNavigationItem label="Public Reports" name="public" /> <lightning:verticalNavigationItem label="All Reports" name="all" /> </lightning:verticalNavigationSection> <lightning:verticalNavigationOverflow> <lightning:verticalNavigationItem label="Regional Sales NW" name="1859008" /> <lightning:verticalNavigationItem label="Regional Sales SW" name="1919113" /> <lightning:verticalNavigationItem label="Regional Sales NE" name="1919115" /> <lightning:verticalNavigationItem label="Regional Sales SE" name="1919112" /> <lightning:verticalNavigationItem label="Regional Sales - Outdated" name="1213411" /> <lightning:verticalNavigationItem label="Account Planning Fall Review" name="1213114" /> </lightning:verticalNavigationOverflow> </lightning:verticalNavigation> </div> </aura:component> 