Add a required class to labels

[vanillajonathan]

Is your feature request related to a problem? Please describe.

Required labels have a asterisk * which cannot be styled. I would like like to change the asterisk to be red, or use a icon to indicate that the input is required, or have some text such as "(necessario)".

Describe the solution you'd like

To inputs that are required add a required or form-required class to the label.

This way it can be styled using CSS:

label.required::after {
  color: red;
  padding-left: 5px;
  content: "*"
}

Describe alternatives you've considered

Fork the Vanilla renderer.

Framework

Vue 3

RendererSet

Vanilla

Additional context

No response

[sdirix]

Hi @vanillajonathan, Thanks for the suggestion! Definitely makes sense to me. The required asterisk should reside in an own customizable element so that it becomes easily styleable.