# Install

Installed via [theme](../theme.md). 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>
```