---
name: Input
---

import {Playground, PropsTable} from 'docz'
import {css} from '@emotion/core'

import Input from '.'
import Base from '../Base'

# Input

<Playground>
  <Input placeholder="Placeholder here"/>
  <Base css={css(`height: 20px;`)}/>
  <Input.State initial={{value: 'Some initial value here'}}>
  {({value, onChange}) => (
    <Input value={value} onChange={onChange} placeholder="Placeholder here" type="textarea"/>
  )}
  </Input.State>
</Playground>
