1 - Install the element using Bower
$ bower install vsc-fab-button --save
2 - Importing the element:
<link rel="import" href="bower_components/vsc-fab-button/vsc-fab-button.html">
3 - Start using it:
<hp-button></hp-button>
Property | Type | Default | Description |
---|---|---|---|
disabled |
Boolean | false |
Allow disabled state |
The following custom properties and mixins are available for styling:
Custom property | Default | Description |
---|---|---|
--hp-background | #000000 | Button background color |
--hp-margin | 5px | Button margin |
--hp-color | #ffffff | Button color |
--hp-fontsize | 20px | Font size button |
--hp-borderradius | 5px | Border radius |
--hp-boxshadow | 3px 3px 5px grey | Box-shadow button |
--hp-background-disabled | rgba(112, 112, 112, 0.055) | Button disabled background color |
--hp-color-disabled | #000000 | Button disabled color |
1 - Install Bower & Polymer-CLI:
$ [sudo] npm install -g bower polymer-cli
2 - Install local dependencies:
$ bower install
3 - Start the development server:
$ polymer serve
Linting with eslint:
$ [sudo] npm install -g eslint
$ [sudo] npm install -g eslint-plugin-html
$ eslint *.html
Linting with polylint:
$ polymer lint