---

title: "MDX Test with Custom Components" description: "Testing IntroText, blockquotes and other MDX features" date: "2025-03-02" categories: ["Test", "MDX"] imageUrl: "andy-hermawan-bVBvv5xlX3g-unsplash.jpg" imageCredit: "Test image" published: false nrWords: 350 authors: ["Test Author"]

MDX Test with Custom Components

Standard Markdown Features

This is a regular paragraph with bold text and italic text.

Lists

Here's a bullet list:

• Item 1
• Item 2
• Item 3

And a numbered list:

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

Image Test

This is an image:

The default size of images is 'medium', but you can also make images smaller or larger:

size 'full' also exists, but with the limited blog viewport it will show the same size as 'large' here.

Links Test

You can also put links in documents: 'This is an external link'

This includes links to local pages (the locale will be added automatically) 'This is an internal link'

Blockquote Test

Here's a blockquote using standard Markdown syntax:

This is a blockquote. It should be styled with a blue left border and proper spacing.

It can contain multiple paragraphs.

It's also possible to cite people:

I never knew!

Mahatma Ghandi

AvatarQuote Test

If we have added a testimonial, we can also add their avatar to the quote:

Tidal Control is the best compliance automation tool we’ve ever built.

Dennis van de Wiel

Co-founder | Tidal Control

PhotoQuote Test

We can also add a photo to the quote as long as it's in the image registry:

Callout Component Test

Docusaurus Admonitions!

This page demonstrates how to use Docusaurus-style callouts in your MDX content.

Note: This doesn't work:

::: info Here's some important information. :::

Code Blocks

Here's a code block:

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

console.log(greeting('World'));

Conclusion

This test file demonstrates all the MDX features that should be working in our implementation.