BlueRain Storybook Addon
Getting started
Installation:
npm i --save-dev @blueeast/bluerain-storybook-addon
Configuration
import React from 'react';
import { configure, addDecorator } from '@storybook/react';
import { BlueRainDecorator } from '@blueeast/bluerain-storybook-addon';
const BRConfigs = require('../bluerain');
addDecorator(BlueRainDecorator(BRConfigs));
const req = require.context('../src', true, /.stories.tsx$/);
function loadStories() {
req.keys().forEach((filename) => req(filename));
}
configure(loadStories, module);
Usage
In your story, test a BlueRain component like this:
import { BlueRain, BlueRainConsumer } from '@blueeast/bluerain-os';
import React from 'react';
import storiesOf from '@blueeast/bluerain-storybook-addon';
storiesOf('Some Story', module)
.add('story', () => (
<BlueRainConsumer>
{(BR: BlueRain) => <BR.Components.SomeComponent title="A nice component" />}
</BlueRainConsumer>
));