| 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>
|
| +```
|
|
|