third_party/polymer/components/core-icon-button/demo.html

   1 <!doctype html>
   2 <!--
   3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
   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/CONTRIBUTORS
   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/PATENTS
   9 -->
  10 <html>
  11 <head>
  12   <title>core-icon-button</title>
  13
  14   <script src="../webcomponentsjs/webcomponents.js"></script>
  15
  16   <link rel="import" href="core-icon-button.html">
  17   <style>
  18   </style>
  19
  20 </head>
  21
  22 <body unresolved>
  23
  24
  25 <template is="auto-binding">
  26     <template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
  27       <core-icon-button icon="{{icon}}" title="{{icon}}"></core-icon-button>
  28     </template>
  29     <core-icon-button icon="menu"><span>label</span></core-icon-button>
  30   </div>
  31   <core-iconset id="meta"></core-iconset>
  32 </template>
  33
  34 </body>
  35 </html>