Form layout element [💰20]

[vaadin]

Form layout element [💰20]

[joeblew99]

looks very nice @jouni
Looking forward to trying it out

[jouni]

As requested in the team grooming, here’s a mockup of a very minimum we should implement first:

[jouni]

Talked with our internal design team, and was reminded of some important requirements:

• You should be able to specify a label for any arbitrary element/group of fields. So if the component itself doesn’t have a label property/attribute built in (like the upcoming vaadin-input), the developer should be able to define a label that is managed by the form layout.
• The same goes for error messages: if a field component (like vaadin-input) has its own error message, the form layout should be able to “adopt” it. But if the component doesn’t have its own error message, the developer should be able to define one, which the form layout will manage.
• And the same for description messages
• The developer should be able to modify the form layout label template, in order to add icon buttons or other kinds of customizations to it.

[Saulis]

Ping @macjuan ^^ here are some ideas for form layout (should be moved to ProdPad).

[jouni]

Since this element now has its own repo, and it has been split into separate features, I’m closing this one. Please follow the issues/milestones in the https://github.com/vaadin/vaadin-form-layout/ repo.