A custom button
npm install @ppci/custom-buttonjavascript
npm i @ppci/custom-button// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
`$3
#### Javascript
javascript
import '@ppci/custom-button'
`#### Browser
html
@click=${Function}
?loading=${Boolean}
>
`$3
We have a predefined powerpeers theme ready for you! Just add the
theme-powerpeers boolean attribute to your custom-button.html
`Not completely satisfied with our powerpeers theme? Well you can do it yourself. We have
a set of css variables available for you.
css
custom-button {
--background-color: white;
--color: gray;
--theme-spacing: 16px;
--border-radius: 0px;
--border: 1px solid silver; --hover-background-color: gray;
--hover-color: black;
--hover-border: black;
}
`$3
Property
Type
Description
Possible Values
name
string
Name of the input field. Which could be used in a form as field identifier.
first name, surname, email, etc.
loading
boolean
Show or hide loading indicator
`html
`
Theme
theme-powerpeers
boolean
Apply predefined powerpeers theme
`html
`
$3
Name
Description
Payload
@click
Default browser click event
`{ target: ..., currentTarget: ..., ... }``