MDX Components
These components ship with the template. Import them in any .mdx file and use them inline with your Markdown.
Callouts
Callouts draw attention to specific information. Four variants available:
Info
General information that adds context.
Warning
Something the reader should be careful about.
Danger
Irreversible actions or security-critical warnings.
Success
Confirmation that something worked or is complete.
Steps
Use the Steps component for numbered walkthroughs with connecting lines:
Create the file
Create a new MDX file in your pages directory.
Add frontmatter
Define title, description, and other metadata.
Write content
Mix Markdown and components freely.
Code Blocks
Code blocks support a filename header with a copy button:
example.sh
#!/bin/bash
# Deploy to production
npm run build
npm run previewBadges
Mark articles or features with status badges:
New Beta Deprecated