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
Compatibility
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