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
|
|
|
|
|
|
|
|
<PropsTable of={InputComponent} />
|
|
|
|
|
|
|
|
## Text Input
|
|
|
|
|
|
|
|
<Playground>
|
2018-12-15 13:28:36 -08:00
|
|
|
<DoczWrapper>
|
|
|
|
{() => <InputComponent inputType="input" value="Hello World!" onChange={console.log} />}
|
|
|
|
</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
|
|
|
|
inputType="textarea"
|
|
|
|
value="I'm Zcash Electron Wallet"
|
|
|
|
onChange={console.log}
|
|
|
|
rows={10}
|
|
|
|
/>
|
|
|
|
)}
|
2018-12-06 12:49:27 -08:00
|
|
|
</DoczWrapper>
|
2018-12-06 07:42:30 -08:00
|
|
|
</Playground>
|