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

(5 則留言) (0 個反應) (0 位負責人)C# (10,653 個分叉)batch import

area-blazorenhancementfeature-blazor-builtin-componentsgood first issuehelp wanted

倉庫指標

星標: (37,933 顆星)
PR 合併指標: (平均合併 16天 9小時) (30 天內合併 258 個 PR)

描述

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>

貢獻者指南

研究方向: The issue requests adding support for passing CSS classes and other attributes to the `<ul>` element in `<ValidationSummary>`. Examine the current implementation of `ValidationSummary` in the aspnetcore repository, likely in `src/Components/Web/src/Forms/ValidationSummary.cs`. The solution involves using `@attributes` splatting to pass unmatched attributes to the root element, and merging the `class` attribute with the existing `validation errors` class. Check the Blazor documentation for attribute splatting and refer to similar components like `ErrorBoundary` for pattern. Ensure backward compatibility and add tests.
技術棧: csharp
領域: frontend
議題類型: 功能
難度: 3
預計時間: 半天
活動狀態: 新近可參與
清晰度: 大致清晰
前置要求: Basic knowledge of BlazorC# component creation
新手友善度: 60