ButtonGroup و InputGroup

هر مثال همراه کد قابل‌کپی.

ButtonGroup — Attached / Separated / Vertical

کد

@using BzCore.Components.Groups
@using BzCore.Enums

<BzButtonGroup TValue="string" Variant="BzButtonGroupVariant.Attached">
    <BzButton Text="چپ" Variant="BzButtonVariant.Outlined" />
    <BzButton Text="وسط" Variant="BzButtonVariant.Outlined" />
    <BzButton Text="راست" Variant="BzButtonVariant.Outlined" />
</BzButtonGroup>

ButtonGroup — Toggle (تک/چندانتخابی)

انتخاب: center

کد

@using BzCore.Components.Groups
@using BzCore.Enums

<BzButtonGroup TValue="string" Variant="BzButtonGroupVariant.Toggle"
                @bind-Value="align" Items="alignItems" />

<BzButtonGroup TValue="string" Variant="BzButtonGroupVariant.Toggle"
                Multiple="true" @bind-Values="tags" Items="tagItems" />

InputGroup — addon متن/آیکن/دکمه

https://

تومان

کد

@using BzCore.Components.Groups
@using BzCore.Enums

<BzAddonGroup Variant="BzInputGroupVariant.Filled">
    <Prepend><i class="fa-solid fa-money-bill"></i></Prepend>
    <ChildContent><BzInput TValue="decimal?" @bind-Value="amount" Placeholder="مبلغ" /></ChildContent>
    <Append>تومان</Append>
</BzAddonGroup>