README
Select and reset
Mais c’est comme Select et Reset, ça sert à rien rien rien rien
Select and reset is a small module, shipped with three submodules allowing to make fake selects with a toolbar result. It also allows to toogle result between select and result bar.
An another module is shipped, Checkbox, and it allows to create fake checkboxes.
Installation
yarn add select-and-reset
Usage
import { Checkbox, Result, Select } from 'select-and-reset';
Result
The Result.js class takes an DOM element argument and an optional object containing options.
const $result = document.querySelector('.js-result');
const options = {};
const result = new Result($result, options);
result.init();
Options
template
A function containing template. The function needs a name argument.
const template = name => `<span style="pointer-events: none;">${name}</span>`;
buttonClass
The class of the button result. Default is empty.
Select
The Select.js class takes an DOM element argument.
const selects = document.querySelectorAll('.js-select-and-reset');
for (let i = 0; i < selects.length; i += 1) {
const select = new Select(selects[i]);
select.init();
}
Checkbox
The Checkbox.js class takes an DOM element argument.
const checkboxes = document.querySelectorAll('.js-checkbox-and-reset');
for (let i = 0; i < checkboxes.length; i += 1) {
const checkbox = new Checkbox(checkboxes[i]);
checkbox.init();
}
Events
| Event | Arguments | Description |
|---|---|---|
| Result.removeItem | name | Return the current name |
| Result.addItem | name | Return the current name |