Components/Vertical Navigation

The Vertical Navigation can be used as an alternative to the Horizontal Navigation. This navigation type is composed by two distinct item levels: - First Level items - always visible, can be either navigable in and of themselves or be a container for Second Level items (it should not be both) - Second Level items → Are always contained by a First Level item, and can have their visibility toggled by this First Level item. They are always only navigable

**Use the vertical navigation if:** - You need to display global navigation structures of up to two levels. - Your scenarios are in the tooling or administration space. - If you want the entries to change as though they are dynamic content. **Do not use the vertical navigation if:** - Your scenarios are not in the tooling or administration space. **Use the vertical navigation if:** - You need to display global navigation structures of up to two levels. - Your scenarios are in the tooling or administration space. - If you want the entries to change as though they are dynamic content. - Your scenarios are not in the tooling or administration space.

The default vertical navigation is comprised of several navigation list items.

The vertical navigation can also have a bottom-aligned "Utility" section.

In condensed mode, only icons are shown unless some navigation items have second levels and the second level is expanded.

A vertical navigation list does not need to have icons. However this is only available in expanded mode.

All the possible combinations of navigation indication are visualized below. When a second level item has been navigated to and the second list has been collapsed, the indicator is shown on the right of the corresponding first level item, but the text and icon color do not change.

The Vertical Navigation items can be further visually grouped using the Group Header List Item.

To clip the content and add a vertical scroll to the Vertical Navigation add the \