@appearhere/bloom/components/GridFader/GridFader.story.js

Appear Here's pattern library and styleguide

import React from 'react';
import { storiesOf } from '@storybook/react';

import GridFader from './GridFader';
import m from '../../globals/modifiers.css';

const style = {
  width: '100px',
  height: '100px',
  display: 'inline-block',
};

const grid = [{
  key: 'success',
  className: m.bgSuccess,
  style,
}, {
  key: 'danger',
  className: m.bgDanger,
  style,
}, {
  key: 'primary',
  className: m.bgPrimary,
  style,
}];

storiesOf('GridFader', module)
  .add('default', () => (
    <GridFader
      grid={grid}
      limit={2}
    />
  ));