<DocsSidenav> Component

DocsSidenav renders a tree of links, with the option to include nested sections. Horizontal dividers can also be included between items.

Share
Code Editor

Where it's used

0.x.x
Loading 0.x.x releases...
1.x.x
Loading 1.x.x releases...
2.x.x
Loading 2.x.x releases...
3.x.x
Loading 3.x.x releases...
4.x.x
Loading 4.x.x releases...
5.x.x
Loading 5.x.x releases...
6.x.x
Loading 6.x.x releases...
7.x.x
Loading 7.x.x releases...
8.x.x
Loading 8.x.x releases...

Props

NameDescription
product
string
A lower-case product identifier to pull in respective theme colors. The default is hashicorp blue.
Options: "hashicorp", "boundary", "consul", "nomad", "packer", "terraform", "vault", "vagrant", "waypoint"
currentPath
string
Path to the current page, relative to the baseRoute. Used to highlight the current page.
baseRoute*
string
Top level navigation route, for example docs, api-docs, etc.
disableFilter
boolean
If true, disable the sidebar filter input.
navData*
object
Tree of navigation data to render. See docs-sidenav/types.js for details.