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

Appear Here's pattern library and styleguide

import React from 'react';
import { storiesOf, action } from '@storybook/react';
import Notification from './Notification';

storiesOf('Notification', module)
  .add('Default context', () => (
    <Notification onClose={action('Closing banner')}>
      Important information that you should look at right now
    </Notification>
  ))
  .add('Blackout context', () => (
    <Notification context="blackout" onClose={action('Closing banner')}>
      Important information that you should look at right now
    </Notification>
  ))
  .add('Success context', () => (
    <Notification context="success" onClose={action('Closing banner')}>
      You did something right! 👏
    </Notification>
  ))
  .add('Error context', () => (
    <Notification context="error" onClose={action('Closing banner')}>
      Something went wrong 😕
    </Notification>
  ));