Quick Nav

The quick nav component allows navigation inside a page. It renders the links according to the headings of the content in order to navigate to each section. The navigation is done using the link label or the link label plus sublink label when it is a sublink. If there is any space, it will be replaced by '-'.

Usage

The quick nav displays the content of a page or section by order of hierarchy and headings.

  • Use quick nav to show users an overview of a page or section's content and allow them to navigate directly to it.
  • Quick nav is particularly useful for pages with long sections of content.
  • Quick nav works well with tabs when organizing and presenting easily navigable content in terms of main and sub-sections.

Contents