An accessible combobox/autocomplete library
$ npm install butane-combobox --save<div class="combobox">
<label for="combobox">Search</label>
<select name="combobox" id="combobox">
<option value="0">Red</option>
<option value="1">Blue</option>
<option value="2">Green</option>
<option value="3">Purple</option>
</select>
</div>import ButaneCombobox from 'butane-combobox';
const element = document.querySelector('.combobox');
new ButaneCombobox(element);When the input is clicked, show options list immediately.
new ButaneCombobox(element, {
showOnClick: true,
});Returns the selected option.
new ButaneCombobox(element, {
onSelectOption: option => console.log(option),
});Callback for when the menu is shown.
new ButaneCombobox(element, {
onShowMenu: () => console.log('Menu shown'),
});Callback for when the menu is hidden.
new ButaneCombobox(element, {
onHideMenu: () => console.log('Menu hidden'),
});MIT License © Alex Carpenter