⚠️ Design system CSS not found. Check the path in cms/docs.config.js → designSystemPath, then re-run npm run docgen.

Page

Layout example — type: page

Page Layouts / Page

Same chrome as a doc page — sidebar, header, sticky bar with a close, pager, feedback, footer — around a body you write as HTML rather than markdown. The difference you can see is the width: no 1080px measure, and no table-of-contents rail.

Reach for this when the content is not prose. A wide comparison table, a gallery, a diagram: things the reading measure would crop for no benefit. If the body is prose, use the doc type — the measure is doing real work there.

The body is injected verbatim. It never goes through markdownToHtml, so nothing is rewritten underneath you: the table below keeps the classes it was given, and no copy buttons appear in code blocks you did not ask for.

Slot Doc Page Why
Body Markdown HTML Prose wants the pipeline; markup does not
Measure 1080px Released The measure serves reading, not layout
Contents rail Yes No It comes with the measure, as one decision
Sticky bar, pager, footer Yes Yes A page is still a page in the book

Source: cms/examples/page.md for the frontmatter, cms/examples/page.html for this body.

Was this page helpful?

We use this feedback to improve our documentation.

Thanks for your feedback

Send feedback

© 2026 By Default