announcement

Demo for MDX Formatting

By XentriomPublished May 29, 2025
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

Next.js Logo


Horizontal Rule


MDX: Custom JSX

Click to expand!

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