``` npm i --save dmp-btn-toggle ```
npm install dmp-btn-toggle
npm i --save dmp-btn-toggle
`
Description
This component is a toggle button. It change state when is clicked
If the component has an attribute featured, and slot featured has an svg the component show a clickable icon to toggle featured-selected property.
CSS Custom properties
| Name | Default | Description |
|---|---|---|
| --backgroundColor | lightblue | |
| --backgroundSelected | #52b7d8 | |
| --featuredBackground | lightblue | |
| --featuredBackgroundSelected | gold | |
| --featuredStrokeColor | transparent | |
| --featuredStrokeColorSelected | transparent | |
| | | |
Properties
| Name | Description | Flow |
|---|---|---|
| value | Text in the button | IN |
| ownId | own id to use if item is in the list | IN |
| selected | flag to check if button is on/off | IN/OUT |
| featured | flag to check show/hide featured selected option | IN |
| featuredSelected | flag to check if button featured is on/off | IN/OUT |
| disabled | flag to check if buttons is disabled/enabled | IN/OUT |
Methods
| Name | Description |
|---|---|---|
| checkDisabled | returns component status |
| validation | Validate component |
Events
Install the Polymer-CLI
First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install to install your element's dependencies, then run polymer serve to serve your element locally.
Viewing Your Element
`
$ polymer serve
`
Running Tests
`
$ polymer test
`
Your application is already set up to be tested via web-component-tester. Run polymer test` to run your application's test suite locally.