dotnet/aspnetcore

Pass css class in `<ValidationSummary />` to the generated `<ul>`

Fechada

#43.860 aberto em 9 de set. de 2022

 (5 comentários) (0 reação) (0 responsável)C# (10.653 forks)batch import
area-blazorenhancementfeature-blazor-builtin-componentsgood first issuehelp wanted

Métricas do repositório

Stars
 (37.933 estrelas)
Métricas de merge de PR
 (Mesclagem média 16d 9h) (258 fundiu PRs em 30d)

Description

Is there an existing issue for this?

  • I have searched the existing issues

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

I am trying to pass additional css classes to the generated ul element. I am applying general formatting via the validation-errors css class, but I would like to be able to pass utility classes for spacing (i.e. pt-2 to add 8px of padding to the top of the validation summary).

Describe the solution you'd like

Update <ValidationSummary /> to pass unmatched attributes (via splatting) to the validation-errors element. In the case of class, it should append the passed in classes to the existing validation-errors class.

Additional context

For example:

<ValidationSummary class="pt-2" data-test="validation-errors" />

should result in:

<ul class="validation-errors pt-2"  data-test="validation-errors">
    <!-- Validation Errors -->
</ul>

Guia do colaborador