Component Name
This is a boilerplate for developing UI components by Storm Id.
Usage
Create a container element in HTML
<div class="js-boilerplate"></div>
Install the package
npm i -S @stormid/boilerplate
Import the module
import boilerplate from '@stormid/boilerplate';
Initialise the module via selector string
const [ instance ] = boilerplate('.js-boilerplate');
Initialise with a DOM element
const element = document.querySelector('.js-boilerplate');
const [ instance ] = boilerplate(element);
Initialise with a Node list
const elements = document.querySelectorAll('.js-boilerplate');
const [ instance ] = boilerplate(elements);
Initialise with an Array of elements
const elements = [].slice.call(document.querySelectorAll('.js-boilerplate'));
const [ instance ] = boilerplate(elements);
## Options
{
callback: null
}
For example
boilerplate('.js-selector', {
callback(){
console.log(this);
}
});
## API
boilerplate() returns an array of instances. Each instance exposes the interface
{
node, DOMNode augmented by initialisation
click, trigger the handleClick method
}
## Tests
npm t
## Browser support
## Dependencies
## License
MIT