Version:

Install ​

Installed via theme. No further installment needed.

Import ​

No imports needed.

Variants ​

Default ​

html
<div theme="form-layout">
    <h5>User</h5>
    <vaadin-text-field label="First name"></vaadin-text-field>
    <vaadin-text-field label="Last name"></vaadin-text-field>
    <vaadin-text-field label="Username"></vaadin-text-field>
</div>

Multiple Sections ​

vue
<div theme="form-layout">
    <h5>User</h5>
    <vaadin-text-field label="First name"></vaadin-text-field>
    <vaadin-text-field label="Last name"></vaadin-text-field>
    <vaadin-text-field label="Street" cols="3"></vaadin-text-field>
    <vaadin-text-field label="Number" cols="1"></vaadin-text-field>
  </div>
<div theme="form-layout">
    <h5>Contact</h5>
    <vaadin-text-field label="Phone"></vaadin-text-field>
    <vaadin-email-field label="E-Mail"></vaadin-email-field>
</div>