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

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