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 '-'.


title: stringTitle of the quick nav component.
links: Link[]Links of the quick nav component. Each link has the following properties:
  • label: string: Text to be shown in the link. The content must be wrapped with an id equals to the slugified label (in lower case and the white spaces replaced by '-') in order to be able to navigate to the section that the label references.
  • links: Link[]: Sublinks of the link.


Basic usage

With content