```js
import Input from '@invisionag/iris-react-input';
```

`Input` is a generalized input field. It provides
functionality to remove all entered content with one click.

If you'd like to pass additional props to the `input` element, just pass them
to `Input`. This can be useful for event listeners.

We do not recommend to use `hasResetButton` in combination with type `number`.

Usage:

```
<Input placeholder="Type some stuff..." />
```

With reset button:

```
<Input hasResetButton placeholder="More stuff..." />
```

As live search field:

```
<Input isLiveSearchField hasResetButton placeholder="Search" />
```

With success message:

```
<Input message="Success!" status="success"/>
```

With warning message:

```
<Input message="Warning!" status="warning"/>
```

With error message:

```
<Input message="Error!" status="error"/>
```

With info message:

```
<Input message="Here is a info text for the input"/>
```

With half of default size:

```
<Input small />
```

Custom width (is not considered when small is set):

```
<Input width="100%" />
```