Как динамически установить метку заголовка HTML (H1, H2 и т. Д.) В компоненте Blazor? ⇐ Html

[Anonymous]

Я хочу создать многоразовый компонент Blazor, который позволяет пользователю определить тег заголовка HTML (

Код: Выделить всё

, и т. Д.) через параметр.
Моя цель - сделать заголовок динамически таким:

Код: Выделить всё

Компонент выглядит так:

Код: Выделить всё

@if (!string.IsNullOrWhiteSpace(TooltipText))
{



}


@code {
[Parameter] public required string HeaderText { get; set; }
[Parameter] public int HeaderSize { get; set; } = 1;
[Parameter] public string? TooltipText { get; set; }

private Type? _headerTagType;
private readonly Dictionary _headerTagParameters = new();

protected override void OnParametersSet()
{
var validHeaderSize = HeaderSize is >= 1 and  { builder.AddContent(0, HeaderText); });
}
}
< /code>
, что должно привести к следующему HTML-заголовка:
Invite

Как вы можете видеть в моем коде, когда не указано в заголовке, тогда используется defaultValue, что должно привести к тому, что -Header
Я пытался использовать тип. DynamicComponent.
Я ожидал, что это сработает, и сделает другой тег заголовка в зависимости от предоставленного параметра заголовки.
Однако тип.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -component