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%" />