vaadin-layouts
OfficialMaster Vaadin 25 layouts: horizontal & vertical.
Software Engineering#ui-design#vaadin-layouts#vaadin-25#horizontal-layout#vertical-layout#component-alignment
Authorvaadin
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Vaadin layouts can be tricky: misconfigurations in spacing, padding, and flex properties lead to unstable UIs. This skill provides clear guidance to implement HorizontalLayout and VerticalLayout effectively.
Core Features & Use Cases
- Clear guidance on using HorizontalLayout and VerticalLayout for common one-dimensional layouts like toolbars, cards, and content sections.
- Best practices for spacing, padding, alignment, wrap, and sizing behavior in Vaadin 25.
- Real-world scenarios showing debugging of overflow, wrapping, and responsive adjustments.
Quick Start
Create a responsive Vaadin 25 layout using HorizontalLayout to arrange header, content, and footer.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: vaadin-layouts Download link: https://github.com/vaadin/claude-plugin/archive/main.zip#vaadin-layouts Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.