Vertical Navigation
- HTML/CSS:Dev Ready
- Web Component:In Progress (1 of 2 variants)
- Layout:Responsive
vertical-navigation
.slds-nav-vertical
list
.slds-nav-vertical
list › Compact
list › Items with icon
list › Items with notification
list › Shaded Background
list › Quickfind
compact
.slds-nav-vertical_compact — Modifer to reduce spacing between navigation items
shade
.slds-nav-vertical_shade — Modifier to adjust list item when vertical navigation is sitting on top of a shaded background
.slds-nav-vertical__title
.slds-nav-vertical__title — Section title of the vertical navigation
.slds-nav-vertical__item
.slds-nav-vertical__item — List of the vertical navigation
item-active
.slds-is-active — Active state of a list item within a vertical navigation
.slds-nav-vertical__action
.slds-nav-vertical__action — Actionable element inside of vertical navigation list item
.slds-nav-vertical__action_overflow
.slds-nav-vertical__action_overflow — Actionable element that toggles visibility of overflown list items
.slds-nav-vertical__action-text
.slds-nav-vertical__action-text — Text inside of actionable element that toggles visibility of overflown list items
.slds-nav-vertical_radio-faux
.slds-nav-vertical_radio-faux — Used for styling the radio button
radio-group
.slds-nav-vertical__item [type="radio"] — Version of vertical nav that uses radio buttons