Storybook export?

[batistein]

First of all. Fantastic tool!!

I have the usecase that we do all UX documentation in storybook. Is there any way to link the tool directly to storybook as well?

[rogden]

@batistein Sorry for the delay! A few others have brought this up as well. I'm not familiar with building Storybook addons. I assume the integration would be similar to the one we did for Nuxt Tailwind module. In short, the addon would need to iframe in the config viewer that would spin up locally when storybook starts up.

I'll take a look at the addon on docs and see if this is feasible.

[Beardless]

Any update on it? I want to put tailwind config in the storybook.

[zoltangy]

You can just use https://storybook.js.org/addons/@geometricpanda/storybook-addon-iframe for this purpose.
You can export your config: https://github.com/rogden/tailwind-config-viewer#export
Then serve it with storybook: https://storybook.js.org/docs/react/configure/images-and-assets#serving-static-files-via-storybook

Works perfectly.

[rogden]

@zoltangy This is great. Thanks for the suggestion. During local development do you set the iframe url to the local running version of the viewer and reference the exported static version when you deploy your Storybook to a static host?

[zoltangy]

I only use it with the exported static version, I mostly needed it as a reference for others when deploying the storybook.
What you're suggesting for development mode sounds like a good idea!

[rogden]

Awesome. Thanks again. Instead of developing a specific addon for Storybooks, I will add a section to the README about integrating it with Storybook. That should solve it. @Beardless Let us know if you get it to work based on the above.