xchain-components/src/stories/XPopUpStory.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 XPopUp from 'components/XPopUp';
import XIcon from 'components/XIcon';

export default storiesOf('XPopUp', module)
  .addDecorator(withInfo)
  .add('only PopUp', () => (
    <XPopUp
      trigger={<XIcon color="#b4b4b4" name="user circle"/>}
      flowing
      hoverable
      content={<span> abcd </span>}/>
    ));