Index: polymer_1.0.4/bower_components/iron-collapse/README.md |
diff --git a/polymer_1.0.4/bower_components/iron-collapse/README.md b/polymer_1.0.4/bower_components/iron-collapse/README.md |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b11ac6612342c53f95449f911c616b82eb70c98d |
--- /dev/null |
+++ b/polymer_1.0.4/bower_components/iron-collapse/README.md |
@@ -0,0 +1,37 @@ |
+# iron-collapse |
+ |
+`iron-collapse` creates a collapsible block of content. By default, the content |
+will be collapsed. Use `opened` or `toggle()` to show/hide the content. |
+ |
+```html |
+<button on-click="toggle">toggle collapse</button> |
+ |
+<iron-collapse id="collapse"> |
+ <div>Content goes here...</div> |
+</iron-collapse> |
+``` |
+ |
+```javascript |
+toggle: function() { |
+ this.$.collapse.toggle(); |
+} |
+``` |
+ |
+`iron-collapse` adjusts the height/width of the collapsible element to show/hide |
+the content. So avoid putting padding/margin/border on the collapsible directly, |
+and instead put a div inside and style that. |
+ |
+```html |
+<style> |
+ .collapse-content { |
+ padding: 15px; |
+ border: 1px solid #dedede; |
+ } |
+</style> |
+ |
+<iron-collapse> |
+ <div class="collapse-content"> |
+ <div>Content goes here...</div> |
+ </div> |
+</iron-collapse> |
+``` |