Storybook: Show Code Open by default

[PaulieScanlon]

Hey team, CSF is great but it would be even better if it were possible to configure the 'stories'

Where you currently have the "Show code" could there be config to allow this to show code by default and for the button to say "Hide code"

I'd be happy to contribute if someone could point me in the right direction.

[sinharaksh1t]

I'd like to help contribute too. We can work together if you want @PaulieScanlon :)
I would, however, wait for the author(s) to give us a green signal to work on it.

[shilman]

Thanks for volunteering! 🚀

I'd propose the following configuration API:

addParameters({ docs: { previewSource: 'open' } })

This would get translated into <Preview withSource='open'> here: https://github.com/storybookjs/storybook/blob/next/addons/docs/src/blocks/DocsPage.tsx#L94

Before you start, you should wait for this fix to get merged/released: https://github.com/storybookjs/storybook/pull/8024

[PaulieScanlon]

Hey @sinharaksh1t yeah great! that sounds like a fab idea! Thanks for your input @shilman i'll keep an eye on #8024

[sinharaksh1t]

Fantastic. Sounds like we're in an agreement then. I'll also keep an 👀 out for #8024. Once that gets merged, we'll start work on this. Thanks @PaulieScanlon and @shilman.

[sinharaksh1t]

So it looks like #8024 has been merged successfully?

[qooban]

Slightly related comment:

I'd like to add live editor in our Storybook (as https://github.com/storybookjs/storybook/issues/6642 is not yet implemented) and if I can get more options for stories customization (especially that Show/Hide code part) from CSF it'll be great.

I know that we can use MDX for bigger customization, but as for me DocsPage is good enough and I don't need to create MDX documentation for each component. I'd only like to have an option to customize the story view (especially source code view).

[shilman]

@qooban track this issue https://github.com/storybookjs/storybook/issues/7479

[stale[bot]]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale[bot]]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!

[signal-intrusion]

Any status update on this?