Page content
Rendered inside this shell.
Container
A constrained content container.
Contained text
Java composition
Container.create().withChild(new Paragraph("Contained text"));Section
A semantic section around related content.
Section heading
Section content
Java composition
Section.create().withChild(Header.H3("Section heading")).withChild(new Paragraph("Section content"));Row
A row owns responsive column sizing.
Six columns
Six columns
Java composition
new Row().withChild(new Column().withWidth(6).withChild(Alert.info("Six columns"))).withChild(new Column().withWidth(6).withChild(Alert.success("Six columns")));Column
Modules are sized by their containing column, not module width setters.
Eight columns
Module sizing belongs here.
Java composition
new Row().withChild(new Column().withWidth(8).withChild(ContentModule.create().withTitle("Eight columns").withContent("Module sizing belongs here.")));Grid
A grid of composed components.
One
Two
Java composition
Grid.create().withColumns(2).addItems(Alert.info("One"), Alert.success("Two"));Page
Page is content composition, not a nested HTML document.
Java composition
Page.builder().addComponents(Header.H3("Page content"), new Paragraph("Rendered inside this shell.")).build();