Skip to content
A highly composable & reusable select/autocomplete components
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook
loaders
src
stories
.babelrc
.editorconfig Initial Commit Nov 10, 2016
.gitignore Adds few tests for PowerSelectMultiple Nov 6, 2017
.travis.yml Drop testing on node@4.x Feb 21, 2018
LICENSE Initial commit Nov 10, 2016
README.md Add storybook badge Dec 7, 2018
jestEnvironment.js
package.json 1.0.0-beta.15 Dec 12, 2018
testSetup.js
webpack.config.js
yarn.lock

README.md

react-power-select

A highly composable & reusable select components

npm version Build Status Coverage Status Storybook

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

You can’t perform that action at this time.