xchain-components/src/stories/XDividerStory.js

Xchain Components

/* @flow */
/* eslint react/jsx-filename-extension: 0 */

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { withInfo } from '@storybook/addon-info';
import XDivider from 'components/XDivider';

export default storiesOf('XDivider', module)
  .addDecorator(withInfo)
  .add('normal Divider', () => (
    <XDivider />
  ))
  .add('vertical Divider', () => (
    <div style={{ width: '100px', height: '100px' }}>
      <XDivider vertical />
    </div>
  ))
  .add('vertical Divider with Text', () => (
    <XDivider vertical text="And" />
  ));