Docs

Horizontal Layout

Horizontal Layout places components side-by-side in a row.

Horizontal Layout has undefined width and height by default, meaning its size is determined by the components it contains.

<HorizontalLayout theme="spacing padding">
  <Button>Button 1</Button>
  <Button>Button 2</Button>
  <Button>Button 3</Button>
  <Button>Button 4</Button>
</HorizontalLayout>
Important
You can find more information in the corresponding article on vaadin.com.