Question: Full-page Playroom?

[StevenLangbroek]

Hey folks! I'm not sure whether this is even a feature request, but thought it would be worth discussing to see whether it would be possible to build and something you'd be interested in.

So, we're using Storybook to build our Design System (I know, groundbreaking). We use MDX, and build with the --docs flag when we publish, so we leave out Canvas (doesn't have a whole lot of value for us). We embed stories & props using <Story /> and <Props of /> components.

What I'd like is for there to be a top-level "Playroom" page, that hosts the Playroom in the documentation.

We'll probably build Playroom separately for now and use an external link, but I'd still love to hear whether this sounds like something that'd be good to have in here, and if so, whether we can contribute :).

Thanks <3

[rbardini]

Hi @StevenLangbroek!

I haven't used MDX much, and didn't even know about the --docs option, but it looks like a valid use case. Any contribution would be welcome 🙂

[AndrewLeedham]

@StevenLangbroek It seems like this is partially possible already. When using this addon you still have playroom hosted/statically built, so if you just link to /playroom you get a full page view. You would probably need something like storybookjs/storybook#8047 to link to it.

Unless you mean having a page with all the storybook UI around it, just not related to a specific story? In that case I supposed you could have a MDX Block which you could just add to a documentation page called Playroom.