This is a simple search field component for react
npm install react-search-field 

An elegant search field component for React.
The component takes the following props.
| Prop | Type | Description |
|-------------------|------------|-------------|
| classNames | string | Additional classnames for the component |
| searchText | string | Initial search value of the input |
| placeholder | string | placeholder for the search input |
| disabled | boolean | Disabling the search input |
| onChange | _function_ | Callback function to invoke when the user press any key. The function should contain two parameters(value, event). |
| onEnter | _function_ | Callback function to invoke when the user press enter after pressing few keys. The function should contain two parameters(value, event). |
| onSearchClick | _function_ | Callback function to invoke when the user click the search button. The function should contain one parameter(value). |
| onBlur | _function_ | Callback function to invoke when the user blurs the search box. The function should contain two parameters(value, event). |
``bash`
npm install react-search-field --save
`javascript
import SearchField from "react-search-field";
onChange={onChange}
searchText="This is initial search text"
classNames="test-class"
/>
`
`bash``
npm start
MIT Licensed. Copyright (c) Farhad Yasir 2021.