Components
A showcase of the Fumadocs UI components used across these docs.
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
npm installSteps
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}!`;
}