Mirror of https://forge.levinkeller.de/levin/dorfarchiv.git
af129ed867f2e97da132cb3375de256c99af1b2b
| 1 | --- |
| 2 | slug: mdx-blog-post |
| 3 | title: MDX Blog Post |
| 4 | authors: [slorber] |
| 5 | tags: [docusaurus] |
| 6 | --- |
| 7 | |
| 8 | Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/). |
| 9 | |
| 10 | :::tip |
| 11 | |
| 12 | Use the power of React to create interactive blog posts. |
| 13 | |
| 14 | ::: |
| 15 | |
| 16 | {/* truncate */} |
| 17 | |
| 18 | For example, use JSX to create an interactive button: |
| 19 | |
| 20 | ```js |
| 21 | <button onClick={() => alert('button clicked!')}>Click me!</button> |
| 22 | ``` |
| 23 | |
| 24 | <button onClick={() => alert('button clicked!')}>Click me!</button> |