# storybook-addon-emotion-theme

**Repository Path**: mirrors_codejamninja/storybook-addon-emotion-theme

## Basic Information

- **Project Name**: storybook-addon-emotion-theme
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### Installation
```bash
yarn add storybook-addon-emotion-theme --dev
```

#### Add to .storybook/addons.js

```javascript
import 'storybook-addon-emotion-theme/dist/register';
```

#### addDecorator to .storybook/config.js
```javascript
import { addDecorator } from '@storybook/react';
import { withThemesProvider } from 'storybook-addon-emotion-theme';

const themes = [theme1, theme2];
addDecorator(withThemesProvider(themes));
```

> or

#### addDecorator to stories

```javascript
import {withThemesProvider} from 'storybook-addon-emotion-theme';

const themes = [theme1, theme2];

storiesOf("demo", module)
  .addDecorator(withThemesProvider(themes))
  .add("demo div", () => <div>DEMO</div>);
```

#### Reminder
Make sure every theme has a `name` property. For example:

```
const myTheme = {
  name: "Light",
  primaryColor: "blue"
}
```

This is used for displaying in the Storybook UI.


#### Contributing

`yarn`

`yarn build`

`yarn example`

#### Thanks
Thanks to [Carlos](https://github.com/echoulen) for making [storybook-addon-styled-component-theme](https://github.com/echoulen/storybook-addon-styled-component-theme) upon which this library was based on top of.