Supported blocks

How each Notion block renders.

Block	Renders as
Text	`<p>`, with line breaks
Headings 1–4	`<h2>`–`<h5>` with anchors; toggleable headings as `<details>`
Lists and to-dos	`<ul>`, `<ol>` (numbers, letters or roman) and disabled checkboxes
Quote, callout, divider	`<blockquote>`, a bordered box with the icon, `<hr>`
Toggle	`<details>`
Tabs	Tabs without JavaScript: a row of pills that scrolls sideways, and one panel at a time
Table of contents	Links to every heading
Code and equations	Their source as text
Table, columns	`<table>` with headers that scrolls sideways when wide; columns side by side when their container has room, stacked otherwise
Image, video, audio	`<img>` with a subtle outline, a YouTube embed or `<video>` (for uploaded and linked video files), `<audio>`
Bookmark	A card with the page's title, description and image, from `fetchBlocks`; the image moves on top when the card is narrow. A one-line card with the URL when there's no preview
File, PDF	A card with the file's name and type, and the caption below
Embed, link preview	A card like a bookmark's, from `fetchBlocks`. An embed whose URL ends in `/demos/<name>` renders one of your demos
Child page, link to page	A row with the page's icon and title, from `fetchBlocks`
Synced block	Its content

Unsupported blocks, such as breadcrumbs and child databases, render nothing, with a warning in development.