Home



title: Reworded MDX Example description: An example MDX document that has been reworded.

A Rephrased MDX Example

Let's consider a simple example of using MDX. We can include JSX components directly within our Markdown content.

For instance, we can embed an image:

We can also add code snippets:

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


console.log(greet("World"));

Furthermore, we can create links to other resources, like the MDX website.

This demonstrates the flexibility of MDX.



```mdx
---
title: Reworded MDX Example
description: Here's an MDX document, expressed in a different way.
---


# MDX Example, Expressed Differently


Imagine we're exploring how to use MDX.  JSX components can be seamlessly integrated inside Markdown files.


As an illustration, let's embed a picture:


<InsImage src="/images/example.png" alt="An example image">
</InsImage>


Code examples are also easy to incorporate:


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


console.log(greet("World"));

Additionally, links to external locations can be created, such as MDX's official site.

This highlights how versatile MDX is.


<AppearanceSection></AppearanceSection>