Skip to content
search icon
clear
Component Status

Navigation table of contents

Figma

How to add

  1. Locate the Assets tab in the Layers Panel.
  2. There are two ways to locate the Table of contents/Listing/Desktop component needed:
    • Use the search bar to search for a component grouping name or variation name.
    • Scroll through the folders list and open the relevant grouping.
  3. Once the component is located, click and drag it into the frame/artboard.

How to use

  1. Place the Table of contents/Listing/Desktop on your artboard, just under the Top bar.
  2. Locate the Design tab in the Inspector Panel.
  3. Under the Constraints section, set up the following constraints:
    • Top and Fix position when scrolling.
  4. Drag the component to the height needed. As you drag, more items will appear.
  5. Rename the labels to your needs.

API

TableOfContents

PropertyTypeRequiredDefaultDescription
classNameStringfalse[Empty String]@ignore
stickyBoolfalsefalseSticky function
labelStringfalse[Empty String]Label or title for the ToC
childrenNodetrue-@ignore

LinkItem

PropertyTypeRequiredDefaultDescription
classNameStringfalseundefined@ignore
childrenNodetrue-@ignore
Edit this page on GitHub