FullWidth

Stretches its child component to fill the entire browser width, removing the centred container constraint.

Basic usage

new FullWidth(myContent)

Properties

Property	Type	Default	Description
content	Component	—	The component to render full-width
style	String	""	Inline CSS
cssClasses	String	""	CSS class names

Example

new FullWidth(
    VerticalLayout.builder()
        .content(List.of(
            new Text("Spans the full browser width"),
            heroImage
        ))
        .build()
)

When to use

Use FullWidth for hero sections, full-bleed images, banners, or any section that should break out of the centred column layout. For a constrained, centred column, use Container instead.