Index: pkg/polymer/lib/elements/polymer-ui-accordion/polymer-ui-accordion.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-accordion/polymer-ui-accordion.html b/pkg/polymer/lib/elements/polymer-ui-accordion/polymer-ui-accordion.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6985af09b497a07ee2561e5abbc6f9600052f4de |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-accordion/polymer-ui-accordion.html |
@@ -0,0 +1,55 @@ |
+<!-- |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+--> |
+<!-- |
+/** |
+ * @module Polymer UI Elements |
+ */ |
+/** |
+ * polymer-ui-accordion is a simple accordion style element. It should |
+ * be used in conjunction with polymer-ui-collapsible. By default |
+ * only one collapsible stays open at a time. To have multiple |
+ * collapsibles open set "multi" property on the accordion. |
+ * |
+ * Example: |
+ * |
+ * <polymer-ui-accordion selected="0"> |
+ * <polymer-ui-collapsible> |
+ * <div class="polymer-ui-collapsible-header">Header 1</div> |
+ * <div>....</div> |
+ * </polymer-ui-collapsible> |
+ * <polymer-ui-collapsible> |
+ * <div class="polymer-ui-collapsible-header">Header 2</div> |
+ * <div>....</div> |
+ * </polymer-ui-collapsible> |
+ * <polymer-ui-collapsible> |
+ * <div class="polymer-ui-collapsible-header">Header 3</div> |
+ * <div>....</div> |
+ * </polymer-ui-collapsible> |
+ * </polymer-ui-accordion> |
+ * |
+ * @class polymer-ui-accordion |
+ * @extends polymer-selector |
+ */ |
+--> |
+<link rel="import" href="../polymer/polymer.html"> |
+<link rel="import" href="../polymer-selector/polymer-selector.html"> |
+<link rel="import" href="../polymer-ui-collapsible/polymer-ui-collapsible.html"> |
+ |
+<polymer-element name="polymer-ui-accordion" extends="polymer-selector"> |
+ <template> |
+ <link rel="stylesheet" href="polymer-ui-accordion.css"> |
+ <shadow></shadow> |
+ </template> |
+ <script> |
+ Polymer('polymer-ui-accordion', { |
+ activateHandler: function(e) { |
+ if (!e.notap) { |
+ this.super(arguments); |
+ } |
+ } |
+ }) |
+ </script> |
+</polymer-element> |