OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 Copyright 2013 The Polymer Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style |
| 4 license that can be found in the LICENSE file. |
| 5 --> |
| 6 <!-- |
| 7 /** |
| 8 * @module Polymer UI Elements |
| 9 */ |
| 10 /** |
| 11 * polymer-ui-accordion is a simple accordion style element. It should |
| 12 * be used in conjunction with polymer-ui-collapsible. By default |
| 13 * only one collapsible stays open at a time. To have multiple |
| 14 * collapsibles open set "multi" property on the accordion. |
| 15 * |
| 16 * Example: |
| 17 * |
| 18 * <polymer-ui-accordion selected="0"> |
| 19 * <polymer-ui-collapsible> |
| 20 * <div class="polymer-ui-collapsible-header">Header 1</div> |
| 21 * <div>....</div> |
| 22 * </polymer-ui-collapsible> |
| 23 * <polymer-ui-collapsible> |
| 24 * <div class="polymer-ui-collapsible-header">Header 2</div> |
| 25 * <div>....</div> |
| 26 * </polymer-ui-collapsible> |
| 27 * <polymer-ui-collapsible> |
| 28 * <div class="polymer-ui-collapsible-header">Header 3</div> |
| 29 * <div>....</div> |
| 30 * </polymer-ui-collapsible> |
| 31 * </polymer-ui-accordion> |
| 32 * |
| 33 * @class polymer-ui-accordion |
| 34 * @extends polymer-selector |
| 35 */ |
| 36 --> |
| 37 <link rel="import" href="../polymer/polymer.html"> |
| 38 <link rel="import" href="../polymer-selector/polymer-selector.html"> |
| 39 <link rel="import" href="../polymer-ui-collapsible/polymer-ui-collapsible.html"> |
| 40 |
| 41 <polymer-element name="polymer-ui-accordion" extends="polymer-selector"> |
| 42 <template> |
| 43 <link rel="stylesheet" href="polymer-ui-accordion.css"> |
| 44 <shadow></shadow> |
| 45 </template> |
| 46 <script> |
| 47 Polymer('polymer-ui-accordion', { |
| 48 activateHandler: function(e) { |
| 49 if (!e.notap) { |
| 50 this.super(arguments); |
| 51 } |
| 52 } |
| 53 }) |
| 54 </script> |
| 55 </polymer-element> |
OLD | NEW |