Components
A showcase of the Fumadocs UI components used across these docs — callouts, tabs, cards, code blocks and steps, with the markup for each.
These docs are built with Fumadocs. This page shows the building blocks you
can use in any .mdx file under content/docs.
Callouts
Info
This is an informational callout.
Warning
Careful — this needs attention.
Error
Something went wrong.
Cards
Tabs
bash npm install Steps
Pick a stack.
Generate the project.
Install and run.
Accordions
File tree
index.ts
package.json
Code blocks
Syntax highlighting is powered by Shiki:
export function greet(name: string): string {
return `Hello, ${name}!`;
}