---
title: 'Using MDX'
pubDate: '2025-05-12'
---

import Callout from '@/components/examples/Callout.astro'
import CounterButton from '@/components/examples/CounterButton.astro'
import Tag from '@/components/examples/Tag.astro'

MDX combines Markdown with embedded JavaScript and JSX, making it easy to build interactive content. Below are some examples.

---

## Callout

<Callout />

## Button

<CounterButton />

## Tag

<Tag />

---

## Ref

- [MDX Syntax Documentation](https://mdxjs.com/docs/what-is-mdx)
- [Astro Usage Documentation](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages)
