Button Element
Contents
Introduction
Button element using Polymer and Flexbox
Installation
Bower
$ bower install button-element
npm
$ npm install button-element
Usage
index.html
<!doctype html>
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/button-element/button-element.html">
</head>
<body>
<button-element>
<a href="">
<paper-ripple></paper-ripple>
Home
</a>
</button-element>
</body>
</html>Running locally
polyserve
$ npm install --global polyserve
$ polyserve
Reference
CSS Custom Properties
--button-width
--button-min-height
--button-padding-vertical
--button-padding-horizontal
--button-background-color
--button-background-color-hover
--button-text-color
--button-font-family
--button-font-size
--button-font-weight
--button-border-radius
--button-border-width
--button-border-style
--button-border-colorAttributes
border
<button-element border></button-element>start
<button-element start></button-element>end
<button-element end></button-element>Browser support
Contributing
Related
License
© 2015 Charbel Rami