React-styleguidist: Render preview in Iframe

[stepancar]

For some components we need to render component in iframe to demostrate responsibility, body styles loader. For example, page component or maybe footer/header.
For this case wee need to load component and it dependencies (styles and another components).
I tried to wrap your Preview with own implementation which just render to ifrme, but styles loaded in parent window context, but i need to loade it to iframe.
Could you help me please

[kulakowka]

https://github.com/ryanseddon/react-frame-component

[stepancar]

@kulakowka, I already tried this component, but it not allow to use any styleloader

[kulakowka]

@stepancar try to use JSS %)

[stepancar]

@kulakowka, it's not a solution for common task, cause not all developers can switch their components to jss. As I understand , more right, and more complex solution is build preview scripts separately to static and load it in iframe

[okonet]

@stepancar you can create your own Preview component and use it with SG: https://github.com/styleguidist/react-styleguidist/blob/master/examples/customised/styleguide.config.js#L51

[sapegin]

I’d try to avoid iframes ;-)