Components
Writedocs injects a standard set of components into every .md/.mdx file automatically — no import statements needed anywhere in your content.
Callout
Note, info, tip, warning, and danger boxes — plus a same-named shorthand for each.
Card and CardGroup
Linkable cards with an icon, image, or HTTP-method badge, laid out in a grid.
Tabs and Tab
A tabbed switcher for any block content.
CodeGroup
Multiple fenced code blocks as a tab strip or dropdown switcher.
RequestExample and ResponseExample
Code examples pinned in the right sidebar instead of inline.
Accordion and AccordionGroup
Collapsible rows, united under one shared border.
Steps and Step
A numbered, connected sequence of instructions.
Hint
An inline, dotted-underline tooltip for a short aside.
Image
A centered, size-constrained image with optional dark-mode variant and caption card.
Frame
A bordered, rounded card around any existing markup.
Video
A native <video> or embed <iframe>, auto-detected from src.
Parameter and Expandable
The name/type/description row used throughout API reference content.
Searchbar
A live text filter wrapped around a table or other content.
Badge
A small inline label for status indicators, version tags, or metadata.
Icon
An inline icon or custom image, plus how every icon string across writedocs.json resolves.
Plain Markdown still works
Every component above is additive — regular Markdown syntax (lists, tables, blockquotes, links, bold/italic, inline code) works exactly as you’d expect with no component wrapper needed. See Code blocks for what fenced (```) blocks specifically support beyond plain syntax highlighting.