Article Table of Contents
A long form article layout pairing a sticky numbered table of contents and publish meta with a prose column of titled sections.
A long form article layout pairing a sticky numbered table of contents and publish meta with a prose column of titled sections.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Article Table of Contents is the reading layout for a long essay: a topic label and heading up top, then a two column body. The left column is a sticky rail holding a numbered table of contents where each entry links to its section and the first entry reads as active, plus a ruled meta card with the published date, last updated date, and read time. The right column is a prose article of titled sections, each with a heading and its paragraphs.
Sections are one array that feeds both the contents rail and the article body, so the numbered links and the section anchors always stay in sync. The rail is sticky on large screens, keeping the table of contents in view as the reader moves down a long piece.
Reach for this block when an essay is long enough that readers need a map, and you want a classic docs style reading layout rather than a plain column. The installer swaps the section headings, the paragraphs, and the meta values for their real content.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a long form essay with a contents rail. Other uses:
Tip: keep section headings short and parallel; the rail reads as a real table of contents only when each entry fits one clean line.