mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 02:58:09 +01:00
54 lines
897 B
JavaScript
54 lines
897 B
JavaScript
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
|
|
/>
|
|
)
|