Table of Contents

Table of Contents

About Table of Contents

About

Easy to install CMS richtext table of contents. No need for complex overrides and customs. Just copy paste and customize. Customize text styling, indentation, spacing and y-offset.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library

Instructions

Instruction Video
  1. Copy the component to the designer CMS details page

  2. Connect the richtext to the component

  3. By default, all headings of the page will be displayed

  4. To only show the headings of the rich text, add a section ID to the rich text layer

  5. Paste the same ID to the the component

  6. Customise the look

  7. Preview to see the change

How it Works

You can set which section to create a table of contents for, adjust colors for normal, active, and hover states, and control spacing and indentation. You can choose which heading levels to show and customize fonts for each level. There's also an option to set an offset for smooth scrolling.

Support

For any queries, refunds and help setting up the component, contact hello@segmentui.com