mirror of
https://github.com/facebook/docusaurus.git
synced 2025-07-28 05:58:38 +02:00
17 lines
523 B
Markdown
17 lines
523 B
Markdown
---
|
|
id: mdx
|
|
title: Powered by MDX
|
|
---
|
|
|
|
You can write JSX and use React components within your Markdown thanks to [MDX](https://mdxjs.com/).
|
|
|
|
export const Highlight = ({children, color}) => ( <span style={{
|
|
backgroundColor: color,
|
|
borderRadius: '2px',
|
|
color: '#fff',
|
|
padding: '0.2rem',
|
|
}}> {children} </span> );
|
|
|
|
<Highlight color="#25c2a0">Docusaurus green</Highlight> and <Highlight color="#1877F2">Facebook blue</Highlight> are my favorite colors.
|
|
|
|
I can write **Markdown** alongside my _JSX_!
|