@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} />);