Home | History | Annotate | Download | only in paper-item 
      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>