The most light weighted and easy to use debounced searchbar for you react projects.
npm i react-debounced-searchbar
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 |