Skip to main content

Table of contents

A table of contents is a list of hyperlinks that scroll to anchored text on the same page.

View in Storybook

When to use​

Table of contents, also known as anchors or article navigation, link to anchored sections on a page. They always link to the current page

Guidelines​

Table of contents can be placed either under the main heading and scroll away with the page, or to the right of the page's main content and be sticky.

Implementation in Figma​

  1. In Figma go to the Assets Panel and search for table of contents.
  2. Drag and drop the component in your frame.
  3. Rename and resize the items as needed.
  4. Choose the variant from the Design Panel.