| 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-icon/iron-icon.htm
l"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> |
| 7 <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-button/paper-butt
on.html"> |
| 8 <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-fab/paper-fab.htm
l"> |
| 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 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 | 91 |
| 92 <!-- | 92 <!-- |
| 93 Material design button that shows an icon and displays text. | 93 Material design button that shows an icon and displays text. |
| 94 | 94 |
| 95 Example: | 95 Example: |
| 96 <oobe-welcome-secondary-button icon="close"> | 96 <oobe-welcome-secondary-button icon="close"> |
| 97 <div i18n-content="oobeCloseButtonText"></div> | 97 <div i18n-content="oobeCloseButtonText"></div> |
| 98 </oobe-welcome-secondary-button> | 98 </oobe-welcome-secondary-button> |
| 99 | 99 |
| 100 Attributes: | 100 Attributes: |
| 101 'icon' - a name of icon from material design set to show on button. | 101 1x and 2x icons: |
| 102 'icon1x' - a name of icon from material design set to show on button. |
| 103 'icon2x' - a name of icon from material design set to show on button. |
| 102 'label-for-aria' - accessibility label. | 104 'label-for-aria' - accessibility label. |
| 103 --> | 105 --> |
| 104 <dom-module id="oobe-welcome-secondary-button"> | 106 <dom-module id="oobe-welcome-secondary-button"> |
| 105 <link rel="stylesheet" href="oobe_welcome_secondary_button.css"> | 107 <link rel="stylesheet" href="oobe_welcome_secondary_button.css"> |
| 106 <template> | 108 <template> |
| 107 <paper-button id="button" aria-label$="[[labelForAria]]"> | 109 <paper-button id="button" aria-label$="[[labelForAria]]"> |
| 108 <div id="container" class="flex layout vertical center self-stretch"> | 110 <div id="container" class="flex layout vertical center self-stretch"> |
| 109 <div id="subcontainer" | 111 <div id="subcontainer" |
| 110 class="flex layout horizontal center self-stretch"> | 112 class="flex layout horizontal center self-stretch"> |
| 111 <iron-icon icon="[[icon]]" class="oobe-icon"></iron-icon> | 113 <hd-iron-icon icon1x="[[icon1x]]" icon2x="[[icon2x]]" |
| 114 class="oobe-icon"> |
| 115 </hd-iron-icon> |
| 112 <content></content> | 116 <content></content> |
| 113 </div> | 117 </div> |
| 114 </div> | 118 </div> |
| 115 </paper-button> | 119 </paper-button> |
| 116 </template> | 120 </template> |
| 117 </dom-module> | 121 </dom-module> |
| OLD | NEW |