From d219bf257bbb6739c677882cd7c92c4feff17fba Mon Sep 17 00:00:00 2001
From: Thales Lima Oliveira <thaleslima.ufu@gmail.com>
Date: Thu, 16 Jul 2020 23:25:01 -0300
Subject: PSP-UFu website update

---
 docusaurus/docs/mdx.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 docusaurus/docs/mdx.md

(limited to 'docusaurus/docs/mdx.md')

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_!
-- 
cgit