react-ui-query-selector v1.0.1

react-ui-query-selector

Query selector react component

How to install

npm i react-ui-query-selector --save

Then import the component and css

import { QuerySelector, QSItem } from 'react-ui-query-selector';
import 'react-ui-query-selector/lib/css/main.css';

render() {
  const { items } = this.state;

  return (
    <QuerySelector
      items={items}
      scrolledDown={this.onScrolledDown}
      scrolledUp={this.onScrolledUp}
      selectItem={this.onSelectItem}
      loadItems={this.loadItems}
      minLengthQuery={2}
      autofocus={true}
      debounce={300}
    />
  );
}

How it looks like

Dependencies

• Rxjs: ^5.5.6
• Bootstrap: ^4.0.0