Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(445)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-collapse/README.md

Issue 1834313003: Remove unneeded files from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Restore bower.json files. Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1
2 <!---
3
4 This README is automatically generated from the comments in these files:
5 iron-collapse.html
6
7 Edit those files, and our readme bot will duplicate them over here!
8 Edit this file, and the bot will squash your changes :)
9
10 The bot does some handling of markdown. Please file a bug if it does the wrong
11 thing! https://github.com/PolymerLabs/tedium/issues
12
13 -->
14
15 [![Build Status](https://travis-ci.org/PolymerElements/iron-collapse.svg?branch= master)](https://travis-ci.org/PolymerElements/iron-collapse)
16
17 _[Demo and API Docs](https://elements.polymer-project.org/elements/iron-collapse )_
18
19
20 ##&lt;iron-collapse&gt;
21
22 `iron-collapse` creates a collapsible block of content. By default, the content
23 will be collapsed. Use `opened` or `toggle()` to show/hide the content.
24
25 ```html
26 <button on-click="toggle">toggle collapse</button>
27
28 <iron-collapse id="collapse">
29 <div>Content goes here...</div>
30 </iron-collapse>
31
32 ...
33
34 toggle: function() {
35 this.$.collapse.toggle();
36 }
37 ```
38
39 `iron-collapse` adjusts the height/width of the collapsible element to show/hide
40 the content. So avoid putting padding/margin/border on the collapsible directly ,
41 and instead put a div inside and style that.
42
43 ```html
44 <style>
45 .collapse-content {
46 padding: 15px;
47 border: 1px solid #dedede;
48 }
49 </style>
50
51 <iron-collapse>
52 <div class="collapse-content">
53 <div>Content goes here...</div>
54 </div>
55 </iron-collapse>
56 ```
57
58
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698