src/third_party/polymer/components-chromium/core-icon/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.txt
   5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   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.txt
   9 -->
  10 <html>
  11 <head>
  12   <title>core-icon</title>
  13   <script src="../platform/platform.js"></script>
  14   <link rel="import" href="../core-icons/core-icons.html">
  15   <link rel="import" href="core-icon.html">
  16
  17   <style>
  18     segment {
  19       min-width: 200px;
  20     }
  21
  22     core-icon.big {
  23       height: 128px;
  24       width: 128px;
  25     }
  26   </style>
  27 </head>
  28 <body unresolved>
  29
  30 <template is="auto-binding">
  31   <div wrap horizontal layout>
  32     <template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
  33       <segment><core-icon icon="{{icon}}"></core-icon> {{icon}}</segment>
  34     </template>
  35   </div>
  36   <core-iconset id="meta"></core-iconset>
  37   <div hidden?="{{!$.meta.metaData.icons.iconNames}}">
  38     Sized icon:
  39     <core-icon class="big" icon="accessibility"></core-icon>
  40   </div>
  41 </template>
  42
  43 </body>
  44 </html>