Iron Collapse

A collapsible block of content

Integration for the <iron-collapse> web component.
A collapsible block of content. Can be used to collapse / show Content on a Button Click or programmatically. By default, the content will be collapsed. Uses by default a max-height / max-width animation.

Sample code

Label label = new Label("abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz");
label.setWidth("100%");
label.getStyle().set("word-wrap", "break-word");
HorizontalLayout content = new HorizontalLayout(label);
content.setWidth("300px");
content.setHeight("300px");
content.setMargin(true);
content.getStyle().set("box-shadow", "0 0 5px rgba(0,0,0,0.5)");
IronCollapse collapse = new IronCollapse(content);

//add(new Button("Collapse", buttonClickEvent -> collapse.toggle()), collapse); // add the elements to the parent layout

Links

• Source Code
• Online Demo
• Issue tracker
• Webcomponent

Compatibility