chrome/browser/resources/chromeos/login/gaia_buttons.html

   1 <!-- Copyright 2015 The Chromium Authors. All rights reserved.
   2      Use of this source code is governed by a BSD-style license that can be
   3      found in the LICENSE file. -->
   4
   5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
   7 <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-styles/color.html">
   9 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
  10
  11 <!--
  12   Material design buttons that mimic GAIA's buttons.
  13
  14   Example:
  15     <gaia-button type="dialog"></gaia-button>
  16
  17   Attributes:
  18     'type' - there are three kinds of button: regular blue button (none type
  19              provided), dialog button (type="dialog") and a button that looks
  20              more like a link (type="link").
  21     'disabled' - button is disabled when the attribute is set.
  22 -->
  23 <dom-module id="gaia-button">
  24   <link rel="stylesheet" href="gaia_button.css">
  25
  26   <template>
  27     <div on-click="onClick_" on-tap="onClick_">
  28       <paper-button id="button" disabled="[[disabled]]"
  29           on-focused-changed="focusedChanged_">
  30         <content></content>
  31       </paper-button>
  32     </div>
  33   </template>
  34 </dom-module>
  35
  36 <!--
  37   Material desing icon button with a special styling.
  38
  39   Example:
  40     <gaia-icon-button icon="close"></gaia-icon>
  41
  42   Attributes:
  43     'icon' - a name of icon from material design set to show on button.
  44     'disabled' - button is disabled when the attribute is set.
  45     'aria-label' - accessibility label.
  46 -->
  47 <dom-module id="gaia-icon-button">
  48   <link rel="stylesheet" href="gaia_icon_button.css">
  49
  50   <template>
  51     <div on-click="onClick_" on-tap="onClick_">
  52       <paper-icon-button id="iconButton" icon="[[icon]]" disabled="[[disabled]]"
  53           aria-label="[[ariaLabel]]">
  54       </paper-icon-button>
  55     </div>
  56   </template>
  57 </dom-module>
  58