All Projects → selvagsz → react-power-select

selvagsz / react-power-select

Licence: MIT license
A highly composable & reusable select/autocomplete components

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to react-power-select

Autocomplete
Blazing fast and lightweight autocomplete widget without dependencies. Only 1KB gzipped. Demo:
Stars: ✭ 244 (+287.3%)
Mutual labels:  autocomplete, typeahead
Autosuggest Trie
Minimalistic trie implementation for autosuggest and autocomplete components
Stars: ✭ 22 (-65.08%)
Mutual labels:  autocomplete, typeahead
Jquery Typeahead
Javascript Typeahead (autocomplete) plugin with more than 50 options and callbacks.
Stars: ✭ 527 (+736.51%)
Mutual labels:  autocomplete, typeahead
Svelte Select
A select component for Svelte apps
Stars: ✭ 414 (+557.14%)
Mutual labels:  autocomplete, typeahead
React Autocomplete Hint
A React component for Autocomplete Hint.
Stars: ✭ 131 (+107.94%)
Mutual labels:  autocomplete, typeahead
Accessible Autocomplete
An autocomplete component, built to be accessible.
Stars: ✭ 474 (+652.38%)
Mutual labels:  autocomplete, typeahead
React Autosuggest
WAI-ARIA compliant React autosuggest component
Stars: ✭ 5,773 (+9063.49%)
Mutual labels:  autocomplete, typeahead
svelecte
Selectize-like component written in Svelte, also usable as custom-element 💪⚡
Stars: ✭ 121 (+92.06%)
Mutual labels:  autocomplete, typeahead
React Input Enhancements
Set of enhancements for input control
Stars: ✭ 1,375 (+2082.54%)
Mutual labels:  autocomplete, typeahead
Autocomplete
🔮 Fast and full-featured autocomplete library
Stars: ✭ 1,268 (+1912.7%)
Mutual labels:  autocomplete, typeahead
React Tags
⚛️ A fantastically simple tagging component for your React projects
Stars: ✭ 321 (+409.52%)
Mutual labels:  autocomplete, react-component
Autosuggest Highlight
Utilities for highlighting text in autosuggest and autocomplete components
Stars: ✭ 176 (+179.37%)
Mutual labels:  autocomplete, typeahead
Autocomplete
Accessible autocomplete component for vanilla JavaScript and Vue.
Stars: ✭ 277 (+339.68%)
Mutual labels:  autocomplete, typeahead
Vue Autosuggest
🔍 Vue autosuggest component.
Stars: ✭ 492 (+680.95%)
Mutual labels:  autocomplete, typeahead
autocompletex
redis autocomplete for elixir
Stars: ✭ 22 (-65.08%)
Mutual labels:  autocomplete, typeahead
Zsh Autocomplete
🤖 Real-time type-ahead completion for Zsh. Asynchronous find-as-you-type autocompletion.
Stars: ✭ 641 (+917.46%)
Mutual labels:  autocomplete, typeahead
ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
Stars: ✭ 99 (+57.14%)
Mutual labels:  autocomplete, typeahead
vue-single-select
single select dropdown with autocomplete
Stars: ✭ 43 (-31.75%)
Mutual labels:  autocomplete, typeahead
Bootstrap 4 Autocomplete
A simple autocomplete/typeahead for Bootstrap 4 and jQuery
Stars: ✭ 36 (-42.86%)
Mutual labels:  autocomplete, typeahead
React Autowhatever
Accessible rendering layer for Autosuggest and Autocomplete components
Stars: ✭ 146 (+131.75%)
Mutual labels:  autocomplete, typeahead

⚠️ NOT ACTIVELY WORKING ON THE PROJECT. Looking for Maintainers

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].