Show: An alternate to <Playground/>

Hi,

I’m not really sure where this belongs, but I wanted to share it anyway. I had 2 issues with the <Playground /> element provided by Docz, so I decided to build my own version. My issues were

1. I need to output the generated HTML that each react component will output.
2. My client complained about the formatting of the and I found trying to edit the theme to be an absolute saga.

I have written my own helper to handle the displaying of code and elements - https://gist.github.com/Swapnull/b25fc0d408c9caade4bd3be59e3beb62

This allows me to use Prism themeing for the code block and decide if I display React/HTML for each element.

If somebody wants to create a theme to include this, be my guest, but maintaining a docz theme is a chore due to to constant updates and bug fixes you need to find time to merge in.

[pedronauck]

I’ll close this issue and split up it in two others on our roadmap Please give us your vote there @Swapnull 🙏

• 💅 Allow to change Prism theme on Playground
• 📝 Parse and show HTML output on Playground

[adrianoresende]

@pedronauck How to enable tabs to show HTML? The same example of @Swapnull ?