
Loading ..
Please wait while we prepare...
12/27/2024
This document covers various formatting options available in MDX.
MDX supports standard Markdown text formatting:
MDX supports six levels of headings, just like Markdown:
MDX supports various types of links:
Images in MDX can be added using Markdown syntax:

This is a blockquote. It can span multiple lines and can contain other Markdown elements.
Use backticks for inline code
.
For code blocks, use triple backticks with an optional language specifier:
function greet(name) {
console.log(`Hello, \${name}!`);
}
greet('World');
Create horizontal rules with three or more hyphens, asterisks, or underscores:
| Header 1 | Header 2 | |----------|----------| | Row 1, Column 1 | Row 1, Column 2 | | Row 2, Column 1 | Row 2, Column 2 |
MDX supports footnotes[^1] for additional information.
[^1]: This is a footnote.
MDX allows you to use HTML directly in your markdown:
<div style="padding: 20px; background-color: #f0f0f0; border-radius: 5px;">
<h3>This is a custom HTML block</h3>
<p>You can use HTML to create custom layouts or styling within your MDX.</p>
</div>
MDX allows you to import and use JavaScript modules:
import { Component } from './Component'
# My Component
Here's a component:
<Component data={[1, 2, 3]} />
MDX supports frontmatter for metadata:
---
title: MDX Syntax Guide
author: author name
date: yyyy-mm-dd
---
Some MDX processors support LaTeX-style math equations:
Inline equation: $E = mc^2$
This guide covers the main syntax features of MDX in english.