@blueeast/bluerain-storybook-addon

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>
	));