Skip to content

Latest commit

 

History

History
49 lines (37 loc) · 983 Bytes

README.md

File metadata and controls

49 lines (37 loc) · 983 Bytes
Raw

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! 🍻