MDX Component Showcase

H1: The Quick Brown Fox Jumps Over the Lazy Dog

This is a standard paragraph. It's here to provide some context for the rest of the components. The quick brown fox jumps over the lazy dog.

H2: The Five Boxing Wizards Jump Quickly

This is a paragraph under an H2 heading. The five boxing wizards jump quickly.

H3: Pack My Box with Five Dozen Liquor Jugs

This is a paragraph under an H3 heading. Pack my box with five dozen liquor jugs.

H4: How Vexingly Quick Daft Zebras Jump

This is a paragraph under an H4 heading. How vexingly quick daft zebras jump.

Now for some more specific elements.

This is a blockquote. It's useful for highlighting a section of text, perhaps a quote from another source. The quick brown fox jumps over the lazy dog.

Here is an unordered list:

  • An item
  • Another item
  • And a final item

And an ordered list:

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

We can also use emphasis and strong formatting.

Here is a code block:

function greet() {
  console.log("Hello, world!");
}

And here is a link to an external site and an internal page.

Finally, here is our custom interactive component: