Implementing UI like in the example

Flow
1

Hi, everyone.
Sorry if I am asking about something simple, I tried to find answer but didn’t managed to do it.
I want to implement layout like here, in [spring initializr]
(https://start.spring.io/).

I am curious about “Project Metadata” section. How to implement such input text, without background and with underline?

2

Hi,

Are you using Vaadin 14?

You can use Material Theme, the textfield looks like in spring initializr.

Here you have an example: https://cdn.vaadin.com/vaadin-material-styles/1.3.2/demo/text-fields.html

And the documentation to add this in a Vaadin 14 app: https://vaadin.com/docs/v14/themes/material/material-overview.html

3

Jean-Christophe Gueriaud:
Hi,

Are you using Vaadin 14?

You can use Material Theme, the textfield looks like in spring initializr.

Here you have an example: https://cdn.vaadin.com/vaadin-material-styles/1.3.2/demo/text-fields.html

And the documentation to add this in a Vaadin 14 app: https://vaadin.com/docs/v14/themes/material/material-overview.html

Hi, Thank you for response.
Yes 14. I will check your links.