Demo for MDX Formatting

This page demonstrates all the main Markdown and MDX formatters, so you can visually check your Tailwind Typography styles.

---

Headings

Heading 2

Heading 3

Heading 4

---

Paragraphs & Emphasis

This is a normal paragraph.
This is bold text, this is italic text, and this is bold italic text.
This is underlined text.

---

Blockquote

This is a blockquote.
It can span multiple lines.

---

Lists

Unordered List

• Item one
• Item two
  • Nested item
    • Deeply nested item
• Item three

Ordered List

1. First item
2. Second item
   1. Nested item
   2. Another nested item
3. Third item

---

Code Block

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet('World'));

---

Links

Visit Next.js

---

Images

---

Horizontal Rule

---

MDX: Custom JSX

Click to expand!

This is a details/summary block, which is rendered as HTML in MDX.