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)

Live Demo

http://mikedesjardins.net/react-a11y-select/

Installation

$3


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

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