Vertical Navigation

Overview

• Vertical Navigation means a vertical list of nodes that take you current page to the next page

• You can use the Navigation Node component inside the Vertical Navigation component

• Navigation items appear as a list, in a straight line up to down using the navigation node

• You can expand or collapse the nodes inside Vertical Navigation using the expandable icon, which is displayed on the left corner of the search bar

• Refer to the below screenshot:

  • Vertical Navigation (1)

  • Navigation Node (2)

Open

Vertical Navigation and Navigation Node

Attributes

No Search bar

• If the checkbox is true, then the search bar above the header will not be displayed

Open

No Header

• If the checkbox is true, then the header will not be displayed

Header

• Name of Header which is displayed at the top left corner of the component

Is Navigation Bar Expandable

• If the checkbox is true, then in preview mode it shows the hamburger icon

• It helps to Expand and Collapse the Navigation Nodes

e.g.