GroupBox control


We will design web forms with Vaadin. I have attached a design sample.

What is your suggestion about proper control for something like groupbox?


The Form component uses the HTML element, which has a border like you have in your screenshot. For example, if you do myform.addStyleName(“bordered”) and:

.v-form-bordered > fieldset {
	border: thin solid;
    padding: 5px;

Then it looks
like this

Notice that you can also use Form as a regular layout component to get that sort of grouping.