addon-backgrounds
Getting Started
npm i --save @nlabs/storybook-addon-backgroundsThen create a file called addons.js in your storybook config.
Add following content to it:
import '@nlabs/storybook-addon-backgrounds/register';Then write your stories like this:
import React from 'react';
import { storiesOf } from "@nlabs/storybook-react";
import backgrounds from "@nlabs/storybook-addon-backgrounds";
storiesOf("Button", module)
.addDecorator(backgrounds([
{ name: "twitter", value: "#00aced", default: true },
{ name: "facebook", value: "#3b5998" },
]))
.add("with text", () => <button>Click me</button>);Development
This project is built using typescript and is tested with jest. To get started, clone this repo and run the following command:
$ npm install # install node depsTo run the project locally, run:
$ npm run storybook # for storybook testing
# (coming soon) $ npm run test-watch # for testingTo test the project run:
$ npm test