What is MDX?
MDX allows you to use JSX directly in your markdown content. It combines the simplicity of Markdown with the power of React components and embeds them in your content.
Resources
- MDX Documentation - Learn about built-in components and advanced usage
- GitHub Flavored Markdown - Syntax guide for GFM features
Using Components in MDX
Docsframe makes it easy to use custom components in your markdown content. Here's how it works:
Register your component in components/docsframe/mdx-components.tsx
:
import { MyComponent } from "@/components/docsframe/MyComponent";
// ... other imports
const components = {
// ... other components
MyComponent,
};
Then use it directly in your MDX files:
<MyComponent>
Lorem ipsum dolor sit amet.
</MyComponent>
Built-in Components
Docsframe comes with several ready-to-use components that you can use in your MDX files.