Directory

← Back

Iron Collapse

A collapsible block of content

Author

Contributors

Rating

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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

  • updated Vaadin version
Released
2020-09-14
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 10+
Vaadin 14+ in 2.0.0
Browser
Firefox
Opera
Safari
Google Chrome
Microsoft Edge

Iron Collapse - Vaadin Add-on Directory

A collapsible block of content Iron Collapse - Vaadin Add-on Directory
Integration for the `` 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.
Online