A web-accessible React select/menu/dropdown component
npm install react-a11y-select[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
A customizable select/dropdown react component with a focus on accessibility (a11y) and ease of use for developers. The goal of this project is to make the component as simple to use as its native HTML counterpart, with improved flexibility of HTML formatted options, and accessibility compliance with full keyboard control.
Note: this project isn't associated with the https://github.com/reactjs/react-a11y package/project - it's an unfortunate naming collision. (v_v)
npm install react-a11y-select
`Usage
Here is a very simple example for how to use the component: import { Select, Option } from 'react-a11y-select'
import 'react-a11y-select/styles.css'
...
Simple, right? This will render an unordered list styled as a dropdown/select box. Importantly, it will have all of the correct ARIA and role attributes to make it usable by screen readers, and it will respond as expected to keyboard input.
Props
The following properties are on the