/webpart-tableofcontents

This web part generates a table of contents on a Modern Page based on headings used in the text web parts.

Primary LanguageTypeScript

Table of Contents web part

The Table of Contents web part shows on a modern page a table of contents of all headings / paragraphs on the page. When the end user clicks an item in the table of contents, the page jumps to the head in the page.

Repository

Features

  • Automatic generator for a table of contents on a modern page
  • Indicate which texttype - i.e. Heading 1, 2 or 3 - should be used
  • Generate a link Back to Top under each paragraph option
  • Adjust title, labels and icons options
  • Adjust the background color of the table of contents option
  • Export and import settings, useful to quickly apply the same settings on other pages option
  • Multiple languages supported; Dutch and English

Building and packaging

  • run command "npm run package" inside rootfolder.

Images

Page with Table of Contents web part Web Part Configuratie 1 Web Part Configuratie 2

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.