Vaadin Flow - Forms

I’m trying to get a form implemented.

What I want to achieve is

  • having the caption of the input elements above the element
  • set the size of a textField
  • have a row with two textfields
  • have a row with one textfield (column span 2)

I couldn’t find an example. Help is appreciated.

You can find the information with examples in the components doc section of our web page:

In your case at and

For example for a simple form item spanning two cols and having label on top:

<vaadin-form-item label-position="top" colspan="2">
  <label slot="label">Label on top</label>