MDX Component Examples
Using custom MDX components in documents
MDX Component Examples
This page demonstrates all available custom components for your documentation.
InfoBlock Component
The InfoBlock component highlights important information.
Info (Default)
This is important information that users should know.
Tip
Use keyboard shortcuts to work faster! Press Ctrl+K for search.
Success
Your changes have been saved successfully!
Warning
This action cannot be undone. Make sure you have a backup.
Note
For more details, see the full documentation.
CTA Component
Call-to-action buttons for important actions.
Primary CTA
Get Started Now
Secondary CTA
Watch Demo
Without Icon
Contact Us
External Link
View on GitHub
CTABlock Component
Centered CTA area with background.
InfoBadge Component
Inline badges for short notices.
This is text with an inline tip in it.
You can also use warnings or success badges.
Callout (Fumadocs)
Fumadocs also provides a built-in Callout component:
This is an info callout from Fumadocs.
This is a warning callout from Fumadocs.