react-deep-search-box

This component solving complex searching in javascript Array, Array of object, Nesteseted Array of obejct/array data.

Installation

To install run the following command:

  npm install react-deep-search-box

if @babel/runtime not installed then install it with below

  npm install @babel/runtime -D

Usage

First import it in your component.

import ReactDeepSearchbox from 'react-deep-search-box';
export default App = () => {
return (<div>
<ReactDeepSearchbox
items={['apple', 'orange', 'mango']}
onResult={(result) => console.log('result', result)}
/>
</div>);
}

Mutiple Search

To search multiple then just put comma sperated string like mango,oranage then it will search mango and orange in data and return result.

Component Props

  items: [] ----> (PropTypes.array) 
placeHolder: "Search...." ----> (PropTypes.string)
customClass: "" ----> (PropTypes.string)
searchBarClass: "" ----> (PropTypes.string)
btnClass: "" ----> (PropTypes.string)
btnIconOrTxt: "Search" || React.node ----> (PropTypes.string || PropTypes.node)
onResult: PropTypes.func