src/third_party/polymer/components-chromium/core-collapse/core-collapse.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 `core-collapse` creates a collapsible block of content.  By default, the content
  12 will be collapsed.  Use `opened` to show/hide the content.
  13
  14     <button on-click="{{toggle}}">toggle collapse</button>
  15
  16     <core-collapse id="collapse">
  17       ...
  18     </core-collapse>
  19
  20     ...
  21
  22     toggle: function() {
  23       this.$.collapse.toggle();
  24     }
  25
  26 @group Polymer Core Elements
  27 @element core-collapse
  28 -->
  29
  30 <link rel="import" href="../polymer/polymer.html">
  31
  32 <link rel="stylesheet" href="core-collapse.css" shim-shadowdom="">
  33
  34 <polymer-element name="core-collapse" attributes="target horizontal opened duration fixedSize" assetpath="">
  35 <template>
  36
  37   <content></content>
  38
  39 </template>
  40
  41 </polymer-element>
  42 <script src="core-collapse-extracted.js"></script>