react-quick-select v0.1.3

react-quick-select

Quick select word(s) with an inline like completion

Demo at meain.io/react-quick-select

Install

npm install --save react-quick-select

Usage

import * as React from 'react'

import QuickSelect from 'react-quick-select'

class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      option: 0
    };
  }

  onSelect(option, index) {
    this.setState({ option: index });
  }

  render() {
    const options = [
      { value: 1, label: "one" },
      { value: 1, label: "two" },
      { value: 2, label: "three" }
    ];
    return (
      <div style={{ display: "flex" }}>
        You are number
        <QuickSelect
          options={options}
          selected={this.state.option}
          onSelect={this.onSelect.bind(this)}
        />
        .
      </div>
    );
  }
}

For a more complex example check examples

Props

License

MIT © meain