React-cosmos-background-proxy NPM

react-cosmos-background-proxy

Easily apply both global and fixture specific background settings for react-cosmos

Installation

npm install --save-dev react-cosmos-background-proxy

Usage

Basic

// cosmos.proxies.js
import createBackgroundProxy from 'react-cosmos-background-proxy';

export default [createBackgroundProxy()];

// __fixtures__/example.js
export default {
  component: MyComponent,
  // will apply this style to the <body> element of the fixture iFrame
  background: {
    backgroundColor: 'white'
  }
};

Global Styling

// cosmos.proxies.js
import createBackgroundProxy from 'react-cosmos-background-proxy';

export default [
  createBackgroundProxy(() => {
    // this will be invoked once when the playground is loaded
    require('node_modules/some-css-framework/dist/styles.css');
  })
];

Contributions are more than welcome! :beers:

emotion react react-dom

@infinitebrahmanuniverse/nolb-react-cos @everything-registry/sub-chunk-2547 @zalastax/nolb-react-cos

1.0.1

6 years ago

1.0.0

6 years ago