react-sweet-search

react-sweet-search as React components

Description

React based component Search. Enhance user experience of search.

Preview

Installation

Install via npm

Step 1:

npm install --save react-sweet-search

Step 2:

• include node_module/react-sweet-search/dist/css/SweetSearch.css

Usage

import React from 'react';
import ReactDOM from 'react-dom';
 
import SweetSearch from "react-sweet-search";
 
 
const searchFn = function(inputValue, endSearch) {
  console.log('inputValue: ' + inputValue);
 
  endSearch();
}
 
const cancelFn = function (endSearch) {
  // always needs to cancel searching
 
  endSearch();
}
 
ReactDOM.render(
  <div>
    <SweetSearch search={searchFn} cancel={cancelFn} />
  </div>,
  document.getElementById("react")
);

Author

Designer: Bill Chen ([e-mail])

Coder: smallma([e-mail])

License

MIT