react-selectize

  •        18

ReactSelectize is a stateless Select component for ReactJS, that provides a platform for the more developer friendly SimpleSelect & MultiSelect components. Both SimpleSelect & MultiSelect have been designed to work as drop in replacement for the built-in React.DOM.Select component.

http://furqanzafar.github.io/react-selectize/
https://github.com/furqanZafar/react-selectize

Dependencies:

prelude-extension : ^0.1.0
prelude-ls : ^1.1.1
tether : ^1.1.1

Tags
Implementation
License
Platform

   




Related Projects

downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

  •    Javascript

You need an autocomplete/dropdown/select experience in your application and you want it to be accessible. You also want it to be simple and flexible to account for your use cases.This is a component that controls user interactions and state for you so you can create autocomplete/dropdown/select/etc. components. It uses a render function as children which gives you maximum flexibility with a minimal API because you are responsible for the rendering of everything and you simply apply props to what you're rendering.

react-native-multiple-select - Simple multi-select component for react-native

  •    Javascript

Simple multi-select component for react-native (Select2 for react-native). I've been super busy with work and other projects lately that I really don't have enough time to dedicate to this project. If you would like to maintain this project, you can drop me an email. Thanks.

react-dropdown - 🔽 A dead simple dropdown component for React

  •    Javascript

Just pass a disabled boolean value to the Dropdown to disable it. This will also give you a .Dropdown-disabled class on the element, so you can style it yourself.


react-native-dropdown - This is simple implementation of drop down menu

  •    Javascript

React Native Dropdown is simple, customizable and easy to use dropdown in React Native. Works with both Android and IOS. Require it inside your Javascript files. Also supporting components using object-deconstructing. Select Option OptionList, Also a positioning utility method updatePosition.

react-native-modal-picker - A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections

  •    Javascript

A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.

ember-power-select - The extensible select component built for ember.

  •    Javascript

Ember Power Select is a select component written in Ember with a focus in flexibility and extensibility. It is designed to work well with the way we build Ember apps, so it plays nicely with promises, ember-concurrency's tasks, ember-data collections and follows idiomatic patterns.

react-tags - A fantastically simple tagging component for your React projects

  •    Javascript

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react-input-enhancements - Set of enhancements for input control

  •    Javascript

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

react-useportal - 🌀 React hook for Portals

  •    TypeScript

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

selectize

  •    Javascript

Selectize is an extensible jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable experience with a clean and powerful API.All pre-built files needed to use Selectize can be found in the "dist" folder.

react-autocomplete - WAI-ARIA compliant React autocomplete (combobox) component

  •    Javascript

WAI-ARIA compliant React autocomplete (combobox) component

react-tagsinput - Highly customizable React component for inputing tags.

  •    Javascript

Highly customizable React component for inputing tags.A working example can be found in example/components/autocomplete.js.

react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button

  •    Javascript

A React component (set of components, really) that will help you build accessible menu buttons by providing keyboard interactions and ARIA attributes aligned with the WAI-ARIA Menu Button Design Pattern. Please check out the demo.

react-mdl - React Components for Material Design Lite

  •    CSS

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react-helmet - A document head manager for React

  •    Javascript

This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly.