react-power-select

A highly composable & reusable select components

DEMO https://selvagsz.github.io/react-power-select/

Installation

npm i react-power-select --save

Import the CSS in your bundle

import 'react-power-select/dist/react-power-select.css'

Usage

import React, { Component } from 'react'
import { PowerSelect } from 'react-power-select'

export default class Demo extends Component {
  state = {};

  handleChange = ({ option }) => {
    this.setState({
      selectedOption: option
    })
  }

  render() {
    return (
      <PowerSelect
        options={['React', 'Ember', 'Angular', 'Vue', 'Preact', 'Inferno']}
        selected={this.state.selectedOption}
        onChange={this.handleChange}
      />
    )
  }
}

Credits

Hat tip to ember-power-select's architecture