Install

Maven

<dependency>
    <groupId>de.mate_ds</groupId>
    <artifactId>mate-flex-layout-flow</artifactId>
</dependency>

Import

import de.mate_ds.flow.component.flexlayout.FormLayout;

Variants

Default

FormLayout formLayout = new FormLayout();
formLayout.setSpacing(true);
formLayout.add(
    new H5("User"),
    new TextField("First name"),
    new TextField("Last name"),
    new TextField("Username"));

Multiple Sections

FormLayout userSection = new FormLayout();
userSection.setSpacing(true);
userSection.add(new H5("User"), new TextField("First name"), new TextField("Last name"));

FormLayout contactSection = new FormLayout();
contactSection.setSpacing(true);
contactSection.add(new H5("Contact"), new TextField("Phone"), new EmailField("E-Mail"));