1.0.2 • Published 5 years ago

react-live-search v1.0.2

Weekly downloads
7
License
MIT
Repository
github
Last release
5 years ago

react-live-search

Install

npm install --save react-live-search

Usage

import React, { Component } from 'react'

import ReactLiveSearch from 'react-live-search'

class Example extends Component {
  state = {
    value: '',
    data: [
      { label: 'test', value: 1 },
      { label: 'work', value: 2 },
      { label: 'great', value: 3 },
      { label: 'bar', value: 4 },
      { label: 'foo', value: 5 }
    ]
  };
  
  onChange = value => {
    this.setState({
      value
    });
  };
  
  onSelect = v => {};


  render () {
    return (
      <ReactLiveSearch
                value={value}
                onChange={this.onChange}
                onSelect={this.onSelect}
                data={data}
              />
    )
  }
}
PropsRequired/optionalDescriptionType
valueRequiredSearch termString
dataRequiredData for search (should be an array of objects with label, value properties)Array
onChangeOptionalHandle input changeFunction
onSelectOptionalHandle input data selectionFunction
itemStyleOptionalItem stylesObject

License

MIT © codeep team