1.0.3 • Published 2 years ago
react-debounced-searchbar v1.0.3
React Debounced Searchbar (npm) package
The most light weighted and easy to use debounced searchbar for you react projects.
How to install
npm i react-debounced-searchbar
How to use
The component accepts the following props
| Prop name | Description of the prop | Accepted value | Default value |
|---|---|---|---|
| callback | Callback function which will be fired on debounced delay completion | a function () => {} | NA |
| delay | Set delay for debounce | number | 500 (ms) |
| placeholder | Placeholder for the input | string | "Search..." |
| OnSearchIcon | Icon to be displayed as search icon | React.FC | Default Search icon |
| OnClearIcon | Icon to be displayed as cross icon | React.FC | Default Cross icon |
| iconBgFillColor | Bg filled color for both the icons i.e. search and cross | string | #f2f2f2 |
| blurBoxShadow | Box shadow for the input when input is not focused | string | Default blur box shadow |
| focusBoxShadow | Box shadow for the input when input is focused | string | Default focus box shadow |
| iconsNeeded | Specify if the search and cross icons are needed | boolean | true |