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

Doc

Layout example — type: doc

Page Layouts / Doc
On this page
  • The table of contents
  • The pager
  • The page bar

The default, and what 96 pages on this site are. Write a markdown file in
cms/, leave type: out, and you get this.

The body is markdown, so everything the pipeline does for prose happens here:
tables get a scroll container, code blocks get a copy button, inline
and become chips.

The table of contents

The rail on the right is built from the h1 and h2 headings, and it is why
this layout keeps to the 1080px reading measure — the measure and the rail are
one decision. A page whose content is not prose wants
the page type instead.

The pager

A real doc page ends with prev/next through its section's reading order. This
example has none, because it belongs to no section — that is what makes it an
example rather than a page. To see one, open a page that is genuinely in a
sequence, like Button.

The page bar

Breadcrumb on the left, then the markdown-source menu and the close. It is the
same bar at every level: a doc closes to its contents, a contents page closes
to the shelf.

On this page
  • The table of contents
  • The pager
  • The page bar

Was this page helpful?

We use this feedback to improve our documentation.

Thanks for your feedback

Send feedback

© 2026 By Default