reactjs-debounce

react package for debounce searching in reactjs

Install

npm install --save reactjs-debounce

Usage

import React, { Component } from 'react'

import { DebounceSearch } from 'reactjs-debounce'

class Example extends Component {
  const handleDebounce = (value) => {
    console.log(value)
  }

  render() {
    return (
      <DebounceSearch
        searchText={"Search.."}
        onDebounce={handleDebounce}
      ></DebounceSearch>
    )
  }
}

Apis

1) searchText (optional) - a default text that you want to apply for search
2) onDebounce - this will return a function that have debounce value as an argument parameter.

Css

1) Create a class named `debounce-search`
2) Add all you css to this class to apply your design in textbox.

License

MIT © ketanbodarya & savaliyanidhi & parth-gondaliya