Deep Markdown Rendering

[d4hines]

Hi!
I'm excited to start using MDX (via Docusaurus!). It would be nice if I could use React components for layout, and Markdown for controlling the text, and if this worked in a "deep" way. Here's an example:

# Blah
<MySpecialLayout>
Here's some more content.

_But i can use Markdown inside JSX tags_

Useful for:
- Applying layout
- styles
- etc.
</MySpecialLayout>

Is there a way to do this? It doesn't work out of the box for the live editor on the site, but maybe there's a common pattern for doing what I'm trying to do.

[ChristianMurphy]

That is supported, it needs an extra newline between the JSX and the inner markdown

# Blah

<MySpecialLayout>

Here's some more content.

_But i can use Markdown inside JSX tags_

Useful for:
- Applying layout
- styles
- etc.

</MySpecialLayout>

you can try it out at https://mdxjs.com/playground

Support further improves in MDX 2 #1041

[d4hines]

Wow, that is great news! Can't wait to start!