Welcome to My MDX Page

This is an example MDX document. It demonstrates how you can combine Markdown syntax with JSX components.

Here's a simple React component embedded within the MDX:

function MyComponent() {
 return (
 <div>
 Hello from React!
 </div>
 );
}


export default MyComponent;

You can also include images:

And links to external resources: React Documentation.

Finally, here's a list:

• Item 1
• Item 2
• Item 3

```mdx
---
title: "My MDX Document"
date: "2023-10-27"
---


# Greetings! Welcome to My MDX Page


This MDX document serves as an illustration. It showcases the integration of Markdown's formatting capabilities alongside the power of JSX components.


Observe this basic React component that's been incorporated directly into the MDX content:


```jsx
function MyComponent() {
 return (
 <div>
 Hello from React!
 </div>
 );
}


export default MyComponent;

Images can also be displayed:

And here are hyperlinks pointing to resources found on the web: React Documentation.

To conclude, presented below is a list:

• Item 1
• Item 2
• Item 3

<AppearanceSection></AppearanceSection>