2018-12-06 07:42:30 -08:00
|
|
|
---
|
|
|
|
name: Input
|
|
|
|
---
|
|
|
|
|
|
|
|
import { Playground, PropsTable } from 'docz'
|
|
|
|
|
|
|
|
import { InputComponent } from './input.js'
|
|
|
|
import { DoczWrapper } from '../theme.js'
|
|
|
|
|
|
|
|
# Input
|
|
|
|
|
2018-12-17 19:33:25 -08:00
|
|
|
## Properties
|
|
|
|
|
2018-12-06 07:42:30 -08:00
|
|
|
<PropsTable of={InputComponent} />
|
|
|
|
|
|
|
|
## Text Input
|
|
|
|
|
|
|
|
<Playground>
|
2018-12-15 13:28:36 -08:00
|
|
|
<DoczWrapper>
|
2018-12-17 19:33:25 -08:00
|
|
|
{() => (
|
|
|
|
<InputComponent
|
|
|
|
inputType='input'
|
|
|
|
value='Hello World!'
|
|
|
|
onChange={console.log}
|
|
|
|
/>
|
|
|
|
)}
|
2018-12-15 13:28:36 -08:00
|
|
|
</DoczWrapper>
|
2018-12-06 07:42:30 -08:00
|
|
|
</Playground>
|
|
|
|
|
|
|
|
## Textarea
|
|
|
|
|
|
|
|
<Playground>
|
2018-12-06 12:49:27 -08:00
|
|
|
<DoczWrapper>
|
2018-12-15 13:28:36 -08:00
|
|
|
{() => (
|
|
|
|
<InputComponent
|
2018-12-17 19:33:25 -08:00
|
|
|
inputType='textarea'
|
|
|
|
value='I am Zcash Electron Wallet'
|
2018-12-15 13:28:36 -08:00
|
|
|
onChange={console.log}
|
|
|
|
rows={10}
|
|
|
|
/>
|
|
|
|
)}
|
2018-12-06 12:49:27 -08:00
|
|
|
</DoczWrapper>
|
2018-12-06 07:42:30 -08:00
|
|
|
</Playground>
|