| OLD | NEW |
| 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. | 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
| 4 | 4 |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-fab/paper-fab.htm
l"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-fab/paper-fab.htm
l"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 10 | 10 |
| (...skipping 29 matching lines...) Expand all Loading... |
| 40 <link rel="stylesheet" href="oobe_icon_button.css"> | 40 <link rel="stylesheet" href="oobe_icon_button.css"> |
| 41 <template> | 41 <template> |
| 42 <div on-click="onClick_" on-tap="onClick_"> | 42 <div on-click="onClick_" on-tap="onClick_"> |
| 43 <paper-icon-button id="iconButton" icon="[[icon]]" disabled="[[disabled]]" | 43 <paper-icon-button id="iconButton" icon="[[icon]]" disabled="[[disabled]]" |
| 44 aria-label="[[ariaLabel]]"> | 44 aria-label="[[ariaLabel]]"> |
| 45 </paper-icon-button> | 45 </paper-icon-button> |
| 46 </div> | 46 </div> |
| 47 </template> | 47 </template> |
| 48 </dom-module> | 48 </dom-module> |
| 49 | 49 |
| 50 <!-- |
| 51 Material design square button for text-labelled buttons. |
| 52 By default, text is blue, background is white. |
| 53 |inverse| makes text white on a blue background. |
| 54 |
| 55 Example: |
| 56 <oobe-icon-button label="OK" inverse></oobe-icon-button> |
| 57 <oobe-icon-button label="CANCEL"></oobe-icon-button> |
| 58 |
| 59 Attributes: |
| 60 'label' - text on a button |
| 61 'disabled' - button is disabled when the attribute is set. |
| 62 'inverse' - makes text white and background blue |
| 63 --> |
| 64 <dom-module id="oobe-text-button"> |
| 65 <link rel="stylesheet" href="oobe_text_button.css"> |
| 66 <template> |
| 67 <div on-click="onClick_" on-tap="onClick_"> |
| 68 <paper-button id="textButton" disabled="[[disabled]]" |
| 69 inverse$="[[inverse]]"> |
| 70 [[label]] |
| 71 <content></content> |
| 72 </paper-button> |
| 73 </div> |
| 74 </template> |
| 75 </dom-module> |
| 76 |
| OLD | NEW |