Is it possible to access inner contents of element as it was written in md?

I’m building a documentation site for a pattern library and would like to write code examples in markdown and then render it with a live code editor like react-live.

## Start now button

Launch your service with a Start now button.

<Example>
  <Button kind="start">Start now</Button>
</Example>

And have it render out something like this:

The missing piece is having the “children” of <Example> passed through as a string so that react-live can handle rendering.

Is it possible to access the inner contents of <Example> as it is written in the markdown?

[jonearley]

If it could be added that would be amazing! I’ll look to publish a companion library for live code examples in markdown if it could work out.

Curious – Have you come across other approaches to including live code examples in markdown?

[jonearley]

This is the kind of doc experience I’m aiming for: https://github.com/emotion-js/emotion/blob/master/docs/css.md.

Looks like I’ll be trying out Gatsby next.