@roo-ui/components/src/MaskedInput/MaskedInput.story.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';

import MaskedInput from '.';
import README from './README.md';

storiesOf('Components|MaskedInput', module)
  .addDecorator(withDocs(README))
  .add('default', () => (
    <MaskedInput
      placeholder="Enter postcode"
      mask={[/\d/, /\d/, /\d/, /\d/]}
    />
  ))
  .add('time', () => (
    <MaskedInput.time />
  ));