third_party/polymer/components/paper-tabs/metadata.html

   1 <x-meta id="paper-tabs" label="Tabs" group="Paper" isContainer>
   2
   3   <template>
   4     <paper-tabs selected="0" style="width: 480px; background-color: #00bcd4; color: #fff; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);">
   5       <paper-tab>ITEM ONE</paper-tab>
   6       <paper-tab>ITEM TWO</paper-tab>
   7       <paper-tab>ITEM THREE</paper-tab>
   8       <paper-tab>ITEM FOUR</paper-tab>
   9       <paper-tab>ITEM FIVE</paper-tab>
  10     </paper-tabs>
  11   </template>
  12
  13   <template id="imports">
  14     <link rel="import" href="paper-tabs.html">
  15   </template>
  16
  17 </x-meta>
  18
  19
  20 <x-meta id="paper-tab" label="Tab" group="Paper">
  21
  22   <template>
  23     <paper-tab style="width: 120px; height: 40px;">TAB</paper-tab>
  24   </template>
  25
  26   <template id="imports">
  27     <link rel="import" href="paper-tab.html">
  28   </template>
  29
  30 </x-meta>
  31
  32 <x-meta id="paper-tab-panel" label="Panel with Tabs" group="Paper" isContainer>
  33
  34         <template>
  35                 <section layout vertical style="width:420px;height:630px;border:5px solid #ccc;">
  36       <paper-tabs selected="0" noink nobar style="background-color:#00bcd4; color:#fff;box-shadow:0px 3px 2px rgba(0, 0, 0, 0.2);">
  37         <paper-tab>ITEM ONE</paper-tab>
  38         <paper-tab>ITEM TWO</paper-tab>
  39       </paper-tabs>
  40       <section flex relative>
  41       </section>
  42                 </section>
  43         </template>
  44
  45   <template id="imports">
  46     <link rel="import" href="paper-tabs.html">
  47   </template>
  48
  49 </x-meta>