Addon-docs: Docs breaks emotion theming

[shilman]

Addon-docs is incompatible with component libraries that use emotion theming, since it uses emotion theming itself.

To fix this, we would need to hide Storybook's theme somehow.

As a workaround, you can set your stories to render in iframes in docs. In your .storybook/config.js:

import { addParameters } from '@storybook/react';

addParameters({
  docs: {
    inlineStories: false,
    iframeHeight: '60px', // some default height
  }
});

[stale]

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]

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]

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!

[GitProdEnv]

Is there another solution to this? I have the same issue, where my component library is built with emotion.

Accessing the theme within the styled components does not work, since the docs addon overwrites the theme.

I do the workaround as mentioned above. Any help appreciated

[shilman]

@GitProdEnv there's an open PR to replace Storybook's theming with a custom context to avoid conflicts. I'm hoping we can get that into 6.3.