Navigation (vertical)
On this page
Usage
Use links and menus to create navigation in a vertical format. They can be stacked to create a Side navigation pattern.
Icons
Links and menus include a slotted icon on the left, but titles do not.
Helpful tip
Go to the Iconography page to see available icons.
Writing content
There is no character or word count, just be aware that including more content will cause line breaks, especially when there is nesting.
Responsive design
When links and menus are stacked in a Side navigation pattern, it is usually fixed width. However, in more fluid environments like tablet or mobile, they may stretch to fit their parent container.
Best practices
Customizing icons
Use the original included caret icons.
Do not move or customize the caret icons, doing so will cause confusion about which menus are expanded and which are not.
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
