@invisionag/iris-react-input
v8.7.2
Published
```js import Input from '@invisionag/iris-react-input'; ```
Downloads
253
Maintainers
Keywords
Readme
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%" />