Components

Drop Velu's built-in components into any Markdown page for callouts, cards, steps, and more.

Velu pages are Markdown first. Headings, lists, tables, links, and fenced code blocks all render without any extra syntax. When you need something richer, Velu ships a small set of components you write inline as tags — no imports, no setup.

Plain Markdown and components mix freely on the same page: write prose as usual, then drop a <Callout> or <CardGroup> wherever it helps.

Content

Callouts

Note, tip, warning, and other highlighted asides.

Callouts

Accordions

Collapsible sections for FAQs and optional detail.

Accordions

Steps

Numbered, ordered procedures.

Steps

Changelog

Dated update entries with an optional RSS feed.

Changelog

Layout

Cards

Linked and unlinked cards, with a group wrapper.

Cards

Columns

Responsive columns for any children.

Columns

Code groups

Tabbed code blocks and rich single blocks.

Code groups

File trees

Show a directory layout with folders and files.

File trees

API and reference helpers

Fields

Document parameters and configuration options.

Fields

Prompts

Share copyable AI prompts with readers.

Prompts

Icons

Use Lucide icon ids on cards, callouts, and navigation.

Icons

Every example on these pages is the real component, rendered live, followed by the exact MDX that produced it. Copy any snippet into your own page.

Was this page helpful?

Images & embeds

Callouts