# Input

### Usage

```js
import { Input } from 'phoenix-components-library';

render() {
  return (
    <Input
      value={form.name || ''}
      onChangeInput={this.handleOnUpdate}
      name="name"
      placeholder="Name *"
    />
  );
}
```

### Live Example

<!-- STORY -->

### Properties

- `name` - input name
- `type` - input type
- `value` - input value
- `placeholder` - input value
- `class` - input class
- `onChangeInput` - click callback
- `onFocusInput` - focus callback

| propName      | propType | defaultValue | isRequired |
| ------------- | -------- | ------------ | ---------- |
| name          | string   | -            |            |
| type          | string   | text         |            |
| value         | string   | -            |            |
| placeholder   | string   | false        |            |
| class         | string   | -            |            |
| color         | string   | -            |            |
| onChangeInput | func     | -            |            |
| onFocusInput  | func     | -            |            |

### Roadmap