Есть ли способ установить класс css для дочернего компонента внутри компонента Blazor?
Что у меня сейчас есть:
@using Microsoft.AspNetCore.Components;
@inherits ComponentBase
<div class="button-group-wrapper">
@SecondaryButton
<div class="floating-sticky-wrapper">
@PrimaryButton
</div>
</div>
@code {
[Parameter]
public RenderFragment PrimaryButton { get; set; }
[Parameter]
public RenderFragment SecondaryButton { get; set; }
}
Затем я "ввожу" RenderFragments через:
<FloatingStickyButton>
<SecondaryButton>
<button type="button" class="button ...">Secondary</button>
</SecondaryButton>
<PrimaryButton>
<button type="submit" class="button button--primary ...">Primary</button>
</PrimaryButton>
</FloatingStickyButton>
Что я хочу?
Я хочу установить класс css, называемый «плавающая кнопка-липучка» на основной кнопке. Но я хотел бы установить этот класс css внутри компонента, чтобы программисту не нужно было заботиться о настройке класса снаружи для элемента кнопки.
Примерно так (помните @ PrimaryButton здесь):
@using Microsoft.AspNetCore.Components;
@inherits ComponentBase
<div class="button-group-wrapper">
@SecondaryButton
<div class="floating-sticky-wrapper">
@PrimaryButton({class: 'floating-sticky-button'})
</div>
</div>
@code {
[Parameter]
public RenderFragment PrimaryButton { get; set; }
[Parameter]
public RenderFragment SecondaryButton { get; set; }
}
К сожалению, это не работает. Есть ли способ сделать это?