react-cosmos-background-proxy

Easily apply a background for a fixture's playground and load global css

1.0.0
npm

Version published: 7 years ago

Maintainers: 1

Created: 7 years ago

Source

react-cosmos-background-proxy

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

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 for every fixture
        require('node_modules/some-css-framework/dist/styles.css');
    })
];

Contributions are more than welcome! :beers:

FAQs

What is react-cosmos-background-proxy?

Is react-cosmos-background-proxy well maintained?

Package last updated on 17 Jul 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

react-cosmos-background-proxy

react-cosmos-background-proxy

Usage

Basic

Global Styling

Related posts

Create React App Officially Deprecated Amid React 19 Compatibility Issues

Oracle Drags Its Feet in the JavaScript Trademark Dispute