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

<!-- Copyright 2015 The Chromium Authors. All rights reserved.
     Use of this source code is governed by a BSD-style license that can be
     found in the LICENSE file. -->

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

<!--
  Material design buttons that mimic GAIA's buttons.

  Example:
    <gaia-button link></gaia-button>

  Attributes:
    'link' - there are two kinds of button: regular blue button and a button
             that looks more like a link.
    'disabled' - button is disabled when the attribute is set.
-->
<dom-module id="gaia-button">
  <link rel="stylesheet" href="gaia_button.css">

  <template>
    <cr-button id="button" disabled="[[disabled]]" on-click="onClick_"
        noink$="[[link]]">
      <slot></slot>
    </cr-button>
  </template>
</dom-module>

<!--
  Material design icon button with a special styling.

  `gaia-icon-button` does not include any icon-set, so containing elements
  should import the icon-set needed for the specified |icon|.

  Example:
    <gaia-icon-button icon="close"></gaia-icon>

  Attributes:
    'icon' - a name of icon from material design set to show on button.
    'disabled' - button is disabled when the attribute is set.
    'aria-label' - accessibility label.
-->
<dom-module id="gaia-icon-button">
  <link rel="stylesheet" href="gaia_icon_button.css">

  <template>
    <div>
      <cr-icon-button id="iconButton" iron-icon="[[icon]]" on-click="onClick_"
          disabled="[[disabled]]" aria-label$="[[ariaLabel]]"></cr-icon-button>
    </div>
  </template>
</dom-module>