Add label to fields group about formvuelate HOT 5 OPEN

Hi @ClemCornet , SchemaForm is a special component which should really not be used for displaying elements.
This would have to be modified with a plugin I think, or possibly modifying the schema to contain parent elements for the field groups.

This is a very important thing for a11y though, so I will mark it as enhancement so we can figure out a way to better address field sets natively

from formvuelate.

Hello @marina-mosti , thank you for your responsiveness and for this future improvement. Meanwhile, I'll try to modify my schema ;)

from formvuelate.

+1 for fieldsets or some other type of grouping (perhaps <section>?)

@ClemCornet in case it helps, my current solution is to add a class and display the label via a pseudo element. Not ideal, but it works for now.

Something like:

.section::before {
  content: attr(label);
}

from formvuelate.

Hey!
@marina-mosti, what do you say if I make it possible to add any elements to the forms. For example div or h3 with some text or just any custom component. This will allow you to split the form as desired, for example, using custom separators or group names. I think this will solve this issue. Can I get a merge?

ex

from formvuelate.

Just use higher level components that contain your labels and header tags and put them in the schema

from formvuelate.