meSelect

ADA compliance custom select dropdown No dependencies needed.

Install

Install with npm (recommended)

$ npm install --save meselect

Use

With ES6 modules via the import statement:

import meSelect from 'meSelect';

How it works

<div class="meselect-box-wrapper" data-name="month" data-replaceplaceholder="false">
    <span id="aria_select__month" class="meselect-hide"></span>
    <button aria-haspopup="listbox" aria-labelledby="aria_select__month" class="meselect-box">
        <span>
            Months
        </span>
    </button>
    <ul tabindex="-1" role="listbox" aria-labelledby="aria_select__month" class="meselect-hide meselect-box-list"
        aria-activedescendant="05">
        <li role="option" data-value="01">Jan</li>
        <li role="option" data-value="02">Feb</li>
        <li role="option" data-value="03">March</li>
        <li role="option" data-value="04">April</li>
        <li role="option" data-value="05">May</li>
        <li role="option" data-value="06">Jun</li>
        <li role="option" data-value="07">July</li>
        <li role="option" data-value="08">Aug</li>
        <li role="option" data-value="09">Sep</li>
        <li role="option" data-value="10">Oct</li>
        <li role="option" data-value="11">Nov</li>
        <li role="option" data-value="12">Dec</li>
    </ul>
</div>