third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html - Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase Created 5 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-button/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-checkbox/.bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../paper-material/paper-material.html">	10 <link rel="import" href="../paper-material/paper-material.html">

11 <link rel="import" href="../paper-ripple/paper-ripple.html">	11 <link rel="import" href="../paper-ripple/paper-ripple.html">

12 <link rel="import" href="../paper-behaviors/paper-button-behavior.html">	12 <link rel="import" href="../paper-behaviors/paper-button-behavior.html">

13	13

14 <!--	14 <!--

15	15

16 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h tml">Buttons</a>	16 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h tml">Buttons</a>

17	17

18 `paper-button` is a button. When the user touches the button, a ripple effect em anates	18 `paper-button` is a button. When the user touches the button, a ripple effect em anates

19 from the point of contact. It may be flat or raised. A raised button is styled w ith a	19 from the point of contact. It may be flat or raised. A raised button is styled w ith a

20 shadow.	20 shadow.

21	21

22 Example:	22 Example:

23	23

24 <paper-button>flat button</paper-button>	24 <paper-button>flat button</paper-button>

25 <paper-button raised>raised button</paper-button>	25 <paper-button raised>raised button</paper-button>

26 <paper-button noink>No ripple effect</paper-button>	26 <paper-button noink>No ripple effect</paper-button>

	27 <paper-button toggles>toggle-able button</paper-button>

	28

	29 A button that has `toggles` true will remain `active` after being clicked (and

	30 will have an `active` attribute set). For more information, see the `Polymer.Iro nButtonState`

	31 behavior.

27	32

28 You may use custom DOM in the button body to create a variety of buttons. For ex ample, to	33 You may use custom DOM in the button body to create a variety of buttons. For ex ample, to

29 create a button with an icon and some text:	34 create a button with an icon and some text:

30	35

31 <paper-button>	36 <paper-button>

32 <core-icon icon="favorite"></core-icon>	37 <iron-icon icon="favorite"></iron-icon>

33 custom button content	38 custom button content

34 </paper-button>	39 </paper-button>

35	40

36 ### Styling	41 ### Styling

37	42

38 Style the button with CSS as you would a normal DOM element.	43 Style the button with CSS as you would a normal DOM element.

39	44

40 /* make #my-button green with yellow text */	45 /* make #my-button green with yellow text */

41 #my-button {	46 #my-button {

42 background: green;	47 background: green;

(...skipping 83 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
126	131

127 <paper-material class$="[[_computeContentClass(receivedFocusFromKeyboard)]]" elevation="[[_elevation]]" animated="">	132 <paper-material class$="[[_computeContentClass(receivedFocusFromKeyboard)]]" elevation="[[_elevation]]" animated="">

128 <content></content>	133 <content></content>

129 </paper-material>	134 </paper-material>

130	135

131 </template>	136 </template>

132	137

133 </dom-module>	138 </dom-module>

134	139

135 <script src="paper-button-extracted.js"></script></body></html>	140 <script src="paper-button-extracted.js"></script></body></html>

OLD	NEW