Установка класса CSS для @ChildContent в компоненте Blazor - PullRequest
0 голосов
/ 05 марта 2020

Есть ли способ установить класс 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; }
}

К сожалению, это не работает. Есть ли способ сделать это?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...