Custom Components
Overview of all custom components available in Stardux.
Custom directives let you write simple Markdown syntax that renders into rich HTML elements — no imports, no JSX, no client-side JavaScript.
There are two directive types:
- Block —
:::or::on their own line - Inline —
:inside a paragraph
Block Components
Callout
Highlight important information
Steps
Step-by-step guide
Tabs
Tabbed content
File Tree
Folder and file structure
Accordion
Collapsible content
Video
Video embed
Card
Info box with icon and link
Grid
Responsive grid
Quote
Custom Blockquote
Inline Components
Media
Figure
Image with caption