Horizontal Layout
Item 1
Item 2
Vertical Layout
Item 1
Item 2
Horizontal Layout With Custom Spacing
Use the --vaadin-horizontal-layout-column-gap custom CSS property
to customize spacing between items in <vaadin-horizontal-layout>.
Item 1
Item 2
Vertical Layout With Custom Spacing
Use the --vaadin-vertical-layout-row-gap custom CSS property
to customize spacing between items in <vaadin-vertical-layout>.
Item 1
Item 2
Horizontal Layout Without Gaps
Item 1
Item 2
Item 3
Vertical Layout Without Gaps
Item 1
Item 2
Item 3
Horizontal Layout With Margin Around
Item 1
Item 2
Item 3
Vertical Layout With Margin Around
Item 1
Item 2
Item 3
Horizontal Layout With Padding Around
Item 1
Item 2
Item 3
Vertical Layout With Padding Around
Item 1
Item 2
Item 3