🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

react-power-select is a highly composable & reusable select component.

Form React

Documentation

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 May Also Like