VerticalLayout

Stacks its children vertically, one below the other.

Basic usage

VerticalLayout.builder()
    .content(List.of(
        new Text("First"),
        new Text("Second")
    ))
    .build()

Properties

Property	Type	Default	Description
id	String	—	Optional component ID
content	List<Component>	—	Child components stacked top to bottom
spacing	boolean	false	Adds gap between children
padding	boolean	false	Adds inner padding
margin	boolean	false	Adds outer margin
spacingVariant	SpacingVariant	—	Controls spacing size
horizontalAlignment	HorizontalAlignment	—	Aligns children horizontally (start, center, end, stretch)
justification	HorizontalLayoutJustification	—	Justification mode
wrap	boolean	false	Allows wrapping
flexGrows	List<Integer>	[]	Flex-grow values per child
fullWidth	boolean	false	Stretches to full width
hiddenOverflow	boolean	false	Hides overflow content
style	String	—	Inline CSS
cssClasses	String	—	CSS class names

Convenience constructors

// from a list
new VerticalLayout(List.of(comp1, comp2))

// varargs
new VerticalLayout(comp1, comp2, comp3)

Spacing and padding

VerticalLayout.builder()
    .content(List.of(new Text("A"), new Text("B")))
    .spacing(true)
    .padding(true)
    .build()

Horizontal alignment

VerticalLayout.builder()
    .content(List.of(new Text("Centered")))
    .horizontalAlignment(HorizontalAlignment.center)
    .build()

Full-width children

VerticalLayout.builder()
    .content(List.of(new Text("Fills row")))
    .fullWidth(true)
    .build()