React custom flag select component .A react custom flag (country code) select.
Online Demo https://edwardfhsiao.github.io/react-custom-flag-select/
The Select control for React.
Check demo here
Link to CodeSandBox
A selector component built with ReactJS. https://github.com/statebait/react-awesome-selector
Micro-sized & micro-optimized select component for ReactJS.
This project was inspired by react-select. If you need some features not provided, I suggest checking that package out.
Key features:
Select Box based on react and styled components .Yet another Select-Box based on react, styled-components and react-window.
Features
React Context and useContext is often used to avoid prop drilling, however it’s known that there’s a performance issue. When a context value is changed, all components that useContext will re-render.
useContextSelector is recently proposed. While waiting for the process, this library provides the API in userland.
A component for react that allows mouse selection of child items .Allows individual or group selection of items using the mouse.
Demo http://unclecheese.github.io/react-selectable/example
Component for select hour on week
react-target-time component for select time on week
Features
A library for drawing interactive selections written for react applications.This is a library that provides a set of tools for drawing regions with cursor.
A simple, dependencies-free and dumb react component to render triple select boxes. Since version 2.0.0 requires React v16.8 or greater.
A fork of JedWatson/React-Select with support for option groups.
This fork is no longer actively maintained. The primary purpose of this project was to add option group support to react-select, a feature that will be supported in the upcoming react-select 2.0. Another alternative worth checking out is downshift, which provides low-level building blocks for building custom dropdown components.
Demo & Examples
Live demo: http://github.hubspot.com/react-select-plus/
Async dropdown component with advanced search modal.This component is a combination of a combobox with asynchronous fetching of results and a modal search dialog for more filtering possibilities.
Live demo: https://opuscapita.github.io/react-async-select/
Customizable dropdown select for react.
Features
Live demo: https://sanusart.github.io/react-dropdown-select/
A list with selectable and keyboard navigable items. Useful as a dropdown (autocomplete), right click menu, or a simple list with actions triggered on item select.
View the example.
A react custom flag (country code) select.
Online Demo
Live demo
Codesandbox Examples
Live demo playground
Lightweight, accessible, customizable and fast Dropdown Tree Select component for React.A lightweight and fast control to render a select component that can display hierarchical tree data. In addition, the control shows the selection in pills and allows user to search the options for quick filtering and selection. Also supports displaying partially selected nodes
Demo
Vanilla, no framework
Online demo: https://dowjones.github.io/react-dropdown-tree-select/#/story/with-vanilla-styles
With Bootstrap
Online demo: https://dowjones.github.io/react-dropdown-tree-select/#/story/with-bootstrap-styles
With Material Design
Online demo: https://dowjones.github.io/react-dropdown-tree-select/#/story/with-material-design-styles
As Single Select
Online demo: https://dowjones.github.io/react-dropdown-tree-select/#/story/simple-select
support select range between “from point” and “to point”.
the html5 input range only supports one point, and it’s not easy to use for mobile. this npm pack is an alternative solution with input checkbox.
Features
A highly scalable react dropdown list.
A React component that implements a fuzzy picker (similar to Sublime Text’s command palette or Slack’s channel switcher). In a nutshell, it provides a quick way for user’s to pick from a long list of items.
React component that implements a fuzzy picker (like sublime text’s command pallete, or slack’s channel switcher).
Live Demo: https://1egoman.github.io/fuzzy-picker
Nice select for react.
Lightweight, focussable and responses to the keyboard.
A React component that allows a user to select time-slots in a calendar-like UI.
A React select component based on JedWatson/React-Select with checkmarks on selected options.
A customizable svg flags select components for React Js.
Demo and Example
Live demo: https://ekwonye-richard.github.io/react-flags-select/
A Select control built with Reactjs, styled-components.
Up to date with react/react-dom 16.2.0
ATTENTION: Work in Progress (sorry about that!)
This project was built with styled-components and is a “rethink” of the awesome project react-select. But what the differences between react-select and this project?
Yet another React multiselect. With checkbox support instead of tags. When dealing with medium+ length select lists, especially multi-select lists. The common approach is to use tags e.g.
#reactjs #javascript