Overview
Vertical Navigation means a vertical list of links that either take you to another page or parts of the page you in
A Vertical Navigation component is used to create navigation items in a vertical format
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 screenshots: 1 Vertical Navigation, 2 Navigation Node
.png?version=1&modificationDate=1662534716164&cacheVersion=1&api=v2&width=442&height=139)
Attributes
No Search bar
If the checkbox is true, then the search bar above the header will not display
.png?version=1&modificationDate=1662542323119&cacheVersion=1&api=v2&width=442&height=56)
No Header
If the checkbox is true, then the search bar above the header will display
.png?version=1&modificationDate=1662542849166&cacheVersion=1&api=v2&width=510&height=135)
.png?version=1&modificationDate=1662543030842&cacheVersion=1&api=v2&width=510&height=138)
Header
Name of header which is displays at the top left corner of the component
.png?version=1&modificationDate=1662543306482&cacheVersion=1&api=v2&width=510&height=161)
Is Navigation Bar Expandable
If the checkbox is true, then in preview mode it shows the hamburger icon
It helps to expand and collapse Navigation Nodes
e.g.
.png?version=1&modificationDate=1662543837983&cacheVersion=1&api=v2&width=510&height=120)
.png?version=1&modificationDate=1662544086281&cacheVersion=1&api=v2&width=442&height=101)