This can probably be done with themes, but since I don't have time to create it, I hope I can just leave it here as suggestion for other people to find so someone might implement it: I came across https://www.framer.com/api/motion/ and I quite like the code-beside-text layout they have going on. It uses screen space a little better too. Initially I was thinking about having the `<Playground>` components "connect" to a counterpart on the right side that shows the code, but I find the vertical space needed to show the code in the `<Playground>` is often a lot bigger than that of the result. However, this could be mitigated by putting the `<Playground>` and text in a wrapper that would allow the code to use the vertical space by the explanation as well. I think it might also look better to not catch the overflow with scrollbar, but just have some more vertical spacing between the text of different demo's.
📝 Integration with JSDocs
The solution is integrating docz with JSDocs to be able to auto-generate documentation for methods, classes and other things like we do in PropsTable for components!
📝 Support For Versioning
This is a feature request for Docz to support multiple versions of the same library. Commonly projects have multiple version that need support, especially when there are non-backwards compatible changes. Example An example of this is Lodash's documentation here:
Hide mdx page from menu
We have multiple developers working on documentation so we often have mdx that is in progress that we don't want to expose to end users yet. Currently we use a workaround of renaming the .mdx file to .md which works but not ideal because developers usually deploy pull requests to a dev environment for review and in this case, the reviewer will have to pull the branch down locally in order to change the file extension back to .mdx to review the page. Just want to check in and see if we're missing an obvious workflow here 😄 Thank you! We ❤️docz!
🎛 Add knobs on Playground
Support Playground component to have knobs that can control data for components rendered inside it.
Use iframes for each Playground
If you serve each Playground in an iframe, you can isolate the styles. This is critical in order to make sure the Docz theme doesn't clash with the component styles. Without this feature I simply can't use Docz for my component library - and I really want to! Related to https://docz.canny.io/roadmap/p/open-playground-in-new-window