third_party/polymer/components-chromium/paper-item/paper-item.html

   1 <!--
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 -->
   9
  10 <!--
  11 @group Paper Elements
  12
  13 `paper-item` is a list-item object for use in menus. It may contain and icon and/or
  14 a text label.
  15
  16 Example:
  17
  18     <core-menu>
  19         <paper-item icon="refresh" label="Refresh"></paper-item>
  20         <paper-item label="Help"></paper-item>
  21         <paper-item label="Sign Out"></paper-item>
  22     </core-menu>
  23
  24 To use as a link, put an `&lt;a&gt;` element in the item.
  25
  26 Example:
  27
  28     <paper-item icon="home" label="Home">
  29         <a href="http://www.polymer-project.org"></a>
  30     </paper-item>
  31
  32 @class paper-item
  33 -->
  34
  35 <link href="../polymer/polymer.html" rel="import">
  36 <link href="../core-icon/core-icon.html" rel="import">
  37 <link href="../paper-ripple/paper-ripple.html" rel="import">
  38
  39 <link href="paper-item.css" rel="stylesheet" shim-shadowdom="">
  40
  41 <polymer-element name="paper-item" attributes="label iconSrc icon" center="" horizontal="" layout="" assetpath="">
  42
  43   <template>
  44
  45     <paper-ripple id="ripple"></paper-ripple>
  46
  47     <core-icon id="icon" hidden?="{{!iconSrc &amp;&amp; !icon}}" src="{{iconSrc}}" icon="{{icon}}"></core-icon>
  48     <div id="label">{{label}}</div>
  49     <content></content>
  50   </template>
  51
  52
  53 </polymer-element>
  54 <script src="paper-item-extracted.js"></script>