Table of Contents
Dynamic table of contents that adapts based on blog content with fully customizable styling.
Make it with Workshop
Build your own component with AI
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
Copy the component to the designer CMS details page
Connect the richtext to the component
By default, all headings of the page will be displayed
To only show the headings of the rich text, add a section ID to the rich text layer
Paste the same ID to the the component
Customise the look
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
