import React from 'react';
import { Input } from '@meetfranz/forms';
import { storiesOf } from '../stores/stories';
export const stories = () => (
input stories
);
const defaultProps = {
label: 'Label',
id: 'test1',
name: 'test1',
onChange: (e: React.ChangeEvent) => console.log('changed event', e),
};
const defaultPasswordProps = {
label: 'Password',
type: 'password',
id: 'test1',
name: 'test1',
onChange: (e: React.ChangeEvent) => console.log('changed event', e),
};
storiesOf('Input')
.add('Basic', () => (
))
.add('Without Label', () => (
))
.add('Disabled', () => (
))
.add('With prefix', () => (
))
.add('With suffix', () => (
))
.add('With pre-suffix', () => (
))
.add('With error', () => (
));
storiesOf('Password')
.add('Basic', () => (
))
.add('Show password toggle', () => (
))
.add('Score password', () => (
))
.add('Score password with error', () => (
));