Components
Example components and code blocks
Code Examples
Fumadocs supports syntax highlighting for multiple languages.
JavaScript
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));TypeScript
interface User {
name: string;
email: string;
}
function createUser(name: string, email: string): User {
return { name, email };
}React Component
export default function Button({ children, onClick }) {
return (
<button onClick={onClick} className="btn">
{children}
</button>
);
}Navigation Cards
Use cards to link to related documentation pages:
Lists
Features
- Syntax highlighting
- Dark mode support
- Mobile responsive
- Fast performance
Steps
- Read the documentation
- Try the examples
- Build your own content
- Deploy your site