diff options
| author | Thales Lima Oliveira <thaleslima.ufu@gmail.com> | 2020-07-16 23:25:01 -0300 |
|---|---|---|
| committer | Thales Lima Oliveira <thaleslima.ufu@gmail.com> | 2020-07-16 23:25:01 -0300 |
| commit | d219bf257bbb6739c677882cd7c92c4feff17fba (patch) | |
| tree | 758e3ad72711940b1306c01af5b23bcd20ca7ff2 /docusaurus/docs/mdx.md | |
| parent | 0df6c68c4318c7d1b1a75ec82d96f03ccda8301b (diff) | |
| download | PSP.git-d219bf257bbb6739c677882cd7c92c4feff17fba.tar.gz PSP.git-d219bf257bbb6739c677882cd7c92c4feff17fba.tar.xz PSP.git-d219bf257bbb6739c677882cd7c92c4feff17fba.zip | |
PSP-UFu website update
Diffstat (limited to 'docusaurus/docs/mdx.md')
| -rw-r--r-- | docusaurus/docs/mdx.md | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/docusaurus/docs/mdx.md b/docusaurus/docs/mdx.md new file mode 100644 index 0000000..f0210fb --- /dev/null +++ b/docusaurus/docs/mdx.md @@ -0,0 +1,17 @@ +--- +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_! |