Sometimes you might want to reuse the same content in multiple pages when writing Markdown content. This problem can be solved by writing `mdx` components and import them to your pages
Example:
```mdx
### Use more than just color
To maximize accessibility, make sure the message is clear from the content.
Icons can also support the message.
```
Now if you want to use above component in some page, you can do this
```mdx
---
title: Alert
---
import ColorSnippet from "snippets/more-than-color.mdx"
Alerts are useful when you want to interrupt a user's flow to deliver an important message.
<ColorSnippet />
Color alone does not always distinguish different alert types.
```