Responsive design

I read about that vaadin 10 supports responsive design. But I can’t anything about this topic (search in the doc seams also not to wort correctly) and in the bakery it’s done with CSS.

Is there any article or hidden section about responsive?

Using different layouts in each size would be good.

Thanks for your advice,
Lars

Documentation is not very great regarding this yet. But answer is yes, the support is there. The layout components are flex box based. There is even FlexLayout, and Vertical/HorizontalLayouts are derivatives of flex also, in order to co-operate well. There are server side API’s for common things. And basically via Element API, dynamic styling etc. you can tinker anything. The component set itself is designed in “mobile first” in mind, so they should behave well on touch interfaces. So there are building blocks to create responsive designs fairly easily.

And what would be beat practice for chancing the layout. As example: on desktop VerticalLayout with Button, on mobile Dropdownmenu.