Advanced MDX Example

MDX allows you to seamlessly blend Markdown and JSX, making it a versatile choice for documentation and content creation.

Basic Markdown Features

Headers

This is a smaller header

Lists

• Unordered List
  • Item 1
  • Item 2
    • Subitem 1
    • Subitem 2

1. Ordered List
2. Second item
3. Third item

Links and Images

You can include links and images:

Blockquotes

"MDX is a great way to enhance your Markdown with components."
— Someone Wise

Tables

You can also create tables:

Feature	Description
Markdown	Standard Markdown syntax
JSX	Use React components directly
Interactivity	Create interactive content

Using Components

You can import and use components directly in MDX:

import MyComponent from './MyComponent';

<MyComponent prop1="value1" />