Components overview

Markdown directives for callouts, steps, cards, and tabs.

Rich docs often need callouts, steps, cards, and tabbed examples—not only plain Markdown. Use fenced container directives in synced .md / .mdx files; the importer maps them to editor blocks and public HTML.

Raw HTML/JSX is still stripped on import. Prefer directives over HTML.

Callout



PINNATE_DIRECTIVE_SLOT_0

type may be info, warning, danger, or error.

Steps

Use ### headings inside the container for each step title:



PINNATE_DIRECTIVE_SLOT_1

Card



PINNATE_DIRECTIVE_SLOT_2

Tabs

Use == Tab title lines to separate panels:



PINNATE_DIRECTIVE_SLOT_3

Editor

The console editor slash menu includes Callout, Steps, Card, and Tabs. Blocks round-trip to Markdown on export/sync.

Still planned

Accordion
File trees and frames
Language-synced tabs across the page
Card groups as a first-class wrapper

Until those ship, use headings, tables, and the directives above.

Markdown
Snippets