xchain-components/src/stories/XInputStory.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 XInput from 'components/XInput';

export default storiesOf('XInput', module)
  .addDecorator(withInfo)
  .add('with Icon', () => (
    <XInput focus placeholder="Input" iconName="user" />
  )).add('with placeholder', () => (
    <XInput focus placeholder="Input" onChangeOfValue={action('clicked')}/>
  ));