Looking for layout component with caption

General
1

I’m looking for a layout component with a caption/title which is displayed in the border, like this:

image
image897×109 13.2 KB

Can this be achieved with a standard VerticalLayout and some CSS magic?

Ideally the layout should also be collapsible, but only as an option (Vaadin’s Details component is always collapsible).

Any ideas?

Thanks
Gunnar

2

That actually looks like the <fieldset> HTML element. That would also be the right element to use semantically. You can style that element with CSS to look like that. Then put a <vaadin-form-layout> inside it.

3

Oh, you’re right, I totally forgot about that one. Thanks a lot!