Components
Build reusable callouts, headings, and content blocks that make docs feel polished and consistent.
01Callout BoxesUse compact callout boxes to highlight information, warnings, confirmations, and breaking changes.02Section HeadingsUse H2, H3, and H4 headings to create a clear article structure without adding custom UI.03Button LinksUse inline CTA buttons when an article should point readers to the next page or action.04Quote BlocksUse quote blocks for editorial notes, testimonials, principles, and short perspective shifts.05Local IconsUse the bundled Lucide icons, or add your own SVGs, without a runtime icon dependency.06AccordionsUse accordions for FAQs, optional explanations, and advanced notes that should stay collapsed by default.07StepsUse numbered steps when readers need to follow a process in a strict sequence.08ChecklistsUse interactive checklists when readers should be able to mark progress directly in the docs.09TabsUse tabs when several variants share the same space, like platform-specific setup or alternative workflows.10Code TabsUse code tabs for command variants, framework examples, and other code snippets that share the same step.11File TreeUse file trees to explain project structure, article-owned assets, and where contributors should edit specific docs files.12BadgesUse small badges to mark statuses like new, beta, required, deprecated, or recommended.13TablesUse styled tables for comparisons, feature matrices, and concise reference data inside docs articles.14Card GridsUse link cards for next steps, related guides, and grouped destinations that deserve more presence than a plain text link.