The following patterns represent simple vertical navigation list styles that you can use to present categories, sections, articles or other help center objects.
Other styles can be applied using utilities. For example, use
text-primary to apply the primary color to active items.
.text-primary-inverse on active items for a pill-style navigation.
These list styles can be used within a sidebar, against the background of the page or within other elements like cards.
Multi-level and interactive lists
These navigation menus can support any number of subsections.
All of our themes come with a several vertical navigation menu options built in, which you can display on the Category, Section and Article pages. Because they’re built using our micro-templating system, you can also add them anywhere else in your help center.