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