xchain-components/src/stories/XModalStory.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 XModal from 'components/XModal';
import XIcon from 'components/XIcon';
import XButton from 'components/XButton';


export default storiesOf('XModal', module)
  .addDecorator(withInfo)
  .add('only Modal', () => (
    <XModal
      open
      trigger={<XButton iconName="circle" />}
      header={<span>abcd</span>}
      content={<span>abcd</span>}
    />
    ));