c5169e0e
Renato De Donato
a new hope
|
1
2
|
paper-button
============
|
73bcce88
luigser
COMPONENTS
|
3
|
|
c5169e0e
Renato De Donato
a new hope
|
4
|
Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Buttons</a>
|
73bcce88
luigser
COMPONENTS
|
5
6
7
8
9
10
|
`paper-button` is a button. When the user touches the button, a ripple effect emanates
from the point of contact. It may be flat or raised. A raised button is styled with a
shadow.
Example:
|
c5169e0e
Renato De Donato
a new hope
|
11
12
13
|
```html
<paper-button>flat button</paper-button>
<paper-button raised>raised button</paper-button>
|
73bcce88
luigser
COMPONENTS
|
14
|
<paper-button noink>No ripple effect</paper-button>
|
c5169e0e
Renato De Donato
a new hope
|
15
|
```
|
73bcce88
luigser
COMPONENTS
|
16
|
|
c5169e0e
Renato De Donato
a new hope
|
17
|
You may use custom DOM in the button body to create a variety of buttons. For example, to create a button with an icon and some text:
|
e619a3b0
Luigi Serra
Controllet cross ...
|
18
|
|
c5169e0e
Renato De Donato
a new hope
|
19
|
```html
|
73bcce88
luigser
COMPONENTS
|
20
21
22
23
|
<paper-button>
<iron-icon icon="favorite"></iron-icon>
custom button content
</paper-button>
|
c5169e0e
Renato De Donato
a new hope
|
24
|
```
|