Standard Markdown is great for text, but sometimes you need more. docmd extends Markdown with a set of “Containers” to help you structure complex documentation.

Use the syntax ::: container_name to start a block.

<div class=“image-gallery” style=“display:grid;grid-template-columns:47% 47%;gap:1em 6%;padding:2em 0”>

📣 Callouts

Semantic highlights for warnings, tips, and important notes.

See Types
🗃️ Cards

Group related content into distinct, framed boxes. Perfect for grids.

Card Syntax
📑 Tabs

Organise content into switchable panes to save vertical space.

Tab Examples
🔢 Steps

Transform ordered lists into beautiful visual timelines.

Create Steps
🖱️ Buttons

Call-to-action links with custom colours and styles.

Button API
↕️ Collapsible

Hide advanced details or FAQs inside toggleable accordions.

Accordions

</div>

Nesting

Thanks to our advanced parser, you can nest these containers inside each other infinitely. See Nested Containers for examples.