@vaadin-component-factory/vcf-toggle-button
v1.0.4
Published
Vaadin Component Factory Toggle Button
Downloads
1,769
Readme
<vcf-toggle-button>
Demo
https://vcf-toggle-button.netlify.com/
Installation
Install vcf-toggle-button
:
npm i @vaadin-component-factory/vcf-toggle-button --save
Usage
Once installed, import it in your application:
import '@vaadin-component-factory/vcf-toggle-button';
And use it:
<vcf-toggle-button></vcf-toggle-button>
Attributes
label
: Provide a label for the toggle button.checked
: Changes the state of toggle button to "on".disabled
: Disables the toggle button.
Event
change
: Fires whenever the state of the toggle button is changed:
document.querySelector('vcf-toggle-button').addEventListener('change', e => {
console.log(e.detail.checked);
});
Running demo
Fork the
vcf-toggle-button
repository and clone it locally.Make sure you have npm installed.
When in the
vcf-toggle-button
directory, runnpm install
to install dependencies.Run
npm start
to open the demo.
Contributing
To contribute to the component, please read the guideline first.
License
Apache License 2.0