Select-and-reset NPM

Select and reset

Mais c’est comme Select et Reset, ça sert à rien rien rien rien

Select and reset

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();
}