react-accessible-select-box
A custom dropdown implementation in React that is fully accessible.
Last updated a year ago by nkonada .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-accessible-select-box 
SYNC missed versions from official npm registry.

react-accessible-select-box

A custom dropdown implementation in React that is fully accessible.

NPM JavaScript Style Guide

Important things to note

  1. This is not a full replacement to the browser-default dropdown, it is rather a custom implementation of it which allows developers to stylize the dropdown menu.
  2. Out of the box, there won't be any styles, it is just a button and a list of unordered list-items. It is up to the developer to stylize the menu and button based on their requirement.
  3. If they want a starter styling, they may include a sample stylesheet (as mentioned below).
  4. Developer may find appropriate classes getting added to the menu and button, using which they may stylize the dropdown.

Install

npm install --save react-accessible-select-box

Usage

import React, { Component } from 'react'

import Select from 'react-accessible-select-box'

class Example extends Component {
  render () {
    return (
      <Select />
    )
  }
}

Sample styles

If you want starter styles to the dropdown menu, you may use the below import to use the default styles.

import './node_modules/react-accessible-select-box/dist/select-box.css';

Example

Create a StackBlitz demo page.

License

MIT © ChaituKNag

Current Tags

  • 1.0.1                                ...           latest (a year ago)

2 Versions

  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |