Table Of Contents (TOC)
Use a TOC to summarise the page structure and quickly scroll to content.
Simple on page example
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Heading 1.1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Heading 1.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Heading 2.1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Heading 2.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut est tincidunt, accumsan dolor sed, semper purus. Vestibulum placerat risus eu tempus porta. Sed iaculis metus diam, non blandit elit consectetur eu. Nulla at viverra libero. Sed convallis sed quam vehicula dictum. Suspendisse ut nulla eget libero feugiat pharetra nec non augue. Suspendisse potenti. Ut gravida ipsum eu dui sodales viverra. Suspendisse fermentum eros ultricies velit congue, quis finibus mauris ultrices. Nullam aliquet dictum metus ut sollicitudin. In hac habitasse platea dictumst.
Block Settings
| TOC Options | Value |
| Layout: | Simple on page, Slide out tab |
| Scroll Spy: | On, Off |
| Smooth Scroll: | On, Off |
| Indent Size: | Size slider |
| Spacing: | Margin/Padding Presets |
| Animation: | 77+ Effects |
| Advanced: | HTML Anchor, Additional CSS Class(es) |
| TOC Options | Value |
| Outline: | Yes, No |
| Full Width: | Yes, No |
| Color: | Theme Colors, Custom Color |
| Size: | SM, Normal, LG |