❤
npm
Sign UpSign In

react-cosmos-background-proxy

1.0.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-cosmos-background-proxy

Weekly Downloads

14

Version

1.0.1

License

ISC

Unpacked Size

30.6 kB

Total Files

12

Last publish

Collaborators

  • simeonc
Try on RunKit
Report malware