MDX Features Showcase

The Astro logo on a dark background with a pink glow.

Table of Contents

  1. # Text Formatting
  2. Lists
    1. Ordered List
    2. Unordered List
    3. Task List
  3. Links
  4. Images
  5. Tables
  6. Code Blocks
    1. Inline Code
    2. Fenced Code Block
  7. Mathematics
    1. Inline Math
    2. Block Math
  8. Footnotes
  9. Autolink Literals

# Text Formatting

Bold Text

Italic Text

Strikethrough

Blockquote

Lists

Ordered List

  1. First item
  2. Second item
  3. Third item

Unordered List

  • Item 1
  • Item 2
  • Item 3

Task List

  • Completed task
  • Incomplete task

Links

Astro Documentation

Images

Astro Logo

Tables

Column 1Column 2Column 3
Row 1DataData
Row 2DataData

Code Blocks

Inline Code

const x = 42;

Fenced Code Block

function greet(name) {
return `Hello, ${name}!`;
}

Mathematics

Inline Math

The quadratic formula is x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}.

Block Math

eiπ+1=0e^{i\pi} + 1 = 0

Footnotes

Here is a footnote reference1.

Autolink Literals

www.example.com, https://example.com, and contact@example.com.

Footnotes

  1. This is the footnote text.