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)
.png?version=1&modificationDate=1662534716164&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662534716164&cacheVersion=1&api=v2&width=394)
Attributes
No Search bar
If the checkbox is true, then the search bar above the header will not be displayed
.png?version=1&modificationDate=1662542323119&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662542323119&cacheVersion=1&api=v2&width=394)
No Header
If the checkbox is true, then the header will not be displayed
.png?version=1&modificationDate=1662542849166&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662543030842&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662542849166&cacheVersion=1&api=v2&width=394)
.png?version=1&modificationDate=1662543030842&cacheVersion=1&api=v2&width=394)
Header
Name of Header which is displayed at the top left corner of the component
.png?version=1&modificationDate=1662543306482&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662543306482&cacheVersion=1&api=v2&width=394)
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.
.png?version=1&modificationDate=1662543837983&cacheVersion=1&api=v2&width=396)
.png?version=1&modificationDate=1662543837983&cacheVersion=1&api=v2&width=394)
.png?version=1&modificationDate=1662544086281&cacheVersion=1&api=v2&width=396)