Storybook: [Need help]How to set reset.css for all the component stories in the iframe?

[Sara2009]

The component will be rendered in the iframe. But I want to set the reset.css to clean the browser default style of the iframe. The reset.css is not included in the component code. I wonder how to solve this problem?

[vinceumo]

Hi you could import your reset css in .storybook/config.js

import '!style-loader!css-loader!sass-loader!../src/styles/reset.css';

[sergej-s]

or you can use a custom head tag <link rel="stylesheet" type="text/css" href="pathto/reset.css">
https://storybook.js.org/docs/configurations/add-custom-head-tags/

[Sara2009]

Hi you could import your reset css in .storybook/config.js

import '!style-loader!css-loader!sass-loader!../src/styles/reset.css';

It works! Thanks a lot~

[Sara2009]

or you can use a custom head tag <link rel="stylesheet" type="text/css" href="pathto/reset.css">
https://storybook.js.org/docs/configurations/add-custom-head-tags/

It also works! Thanks very much~