You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
897 B
53 lines
897 B
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import TextField from './'
|
|
|
|
storiesOf('TextField', module)
|
|
.add('text', () =>
|
|
<TextField
|
|
label="Text"
|
|
type="text"
|
|
/>
|
|
)
|
|
.add('password', () =>
|
|
<TextField
|
|
label="Password"
|
|
type="password"
|
|
/>
|
|
)
|
|
.add('error', () =>
|
|
<TextField
|
|
type="text"
|
|
label="Name"
|
|
error="Invalid value"
|
|
/>
|
|
)
|
|
.add('Mascara text', () =>
|
|
<TextField
|
|
label="Text"
|
|
type="text"
|
|
largeLabel
|
|
/>
|
|
)
|
|
.add('Material text', () =>
|
|
<TextField
|
|
label="Text"
|
|
type="text"
|
|
material
|
|
/>
|
|
)
|
|
.add('Material password', () =>
|
|
<TextField
|
|
label="Password"
|
|
type="password"
|
|
material
|
|
/>
|
|
)
|
|
.add('Material error', () =>
|
|
<TextField
|
|
type="text"
|
|
label="Name"
|
|
error="Invalid value"
|
|
material
|
|
/>
|
|
)
|
|
|