๐Ÿ“„

Table of Contents

NoNex renders Notion's Table of Contents block with full support for headings, emojis, mentions, equations, and nested structures.

Published on

Table of Contents Block in NoNex

The Table of Contents (TOC) block in Notion allows users to navigate a page quickly by listing all headings. NoNex faithfully renders the TOC block, maintaining its structure and functionality.


Key Features

  1. 1.
    Automatic Heading Detection
    • TOC displays all headings (# h1, ## h2, ### h3) present in the Notion page.
    • Supports headings inside nested blocks like:
      • Callouts
      • Column lists
      • Synced blocks
  2. 2.
    Interactive Navigation
    • Clicking on a TOC item takes users directly to the corresponding section.
  3. 3.
    Rich Content Support
    • Emojis:
      • TOC includes Notion emojis, converted to Twemoji SVGs for consistency.
      • Custom emojis are also supported.
    • Mentions:
      • Page mentions display the page title.
      • Link mentions show the providerโ€™s title and description.
    • Inline Equations:
      • Any equations in headings are rendered accurately.

Examples

h1 logoNotionYour connected workspace for wiki, docs & projects | Notion

h2 icon ๐Ÿ‘‹๐Ÿป

h3 โ˜‘๏ธTo do


Default Toc


Colored Toc


Background Toc