کتابخونه کامپوننت Bz

BzButton

هر مثال همراه کدش است؛ با دکمهٔ «کپی» مستقیماً بردار.

واریانت‌ها
کد
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton Text="Filled" Color="BzColor.Primary" />
<BzButton Text="Outlined" Variant="BzButtonVariant.Outlined" Color="BzColor.Primary" />
<BzButton Text="Text" Variant="BzButtonVariant.Text" Color="BzColor.Primary" />
<BzButton Text="Soft" Variant="BzButtonVariant.Soft" Color="BzColor.Primary" />
رنگ‌ها
کد
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton Text="Primary" Color="BzColor.Primary" />
<BzButton Text="Success" Color="BzColor.Success" />
<BzButton Text="Warning" Color="BzColor.Warning" />
<BzButton Text="Danger" Color="BzColor.Danger" />
<BzButton Text="Info" Color="BzColor.Info" />
اندازه‌ها
کد
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton Text="کوچک" Size="BzSize.Small" Color="BzColor.Primary" />
<BzButton Text="متوسط" Size="BzSize.Medium" Color="BzColor.Primary" />
<BzButton Text="بزرگ" Size="BzSize.Large" Color="BzColor.Primary" />
آیکن و فقط‌آیکن
کد
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton Text="ذخیره" StartIcon="fa-solid fa-floppy-disk" Color="BzColor.Primary" />
<BzButton Text="بعدی" EndIcon="fa-solid fa-angle-left" Variant="BzButtonVariant.Outlined" />
<BzButton IconOnly StartIcon="fa-solid fa-trash" Color="BzColor.Danger" Variant="BzButtonVariant.Soft" />
لودینگ و reference
کد
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton @ref="btn" Text="ذخیره" Color="BzColor.Primary" OnClick="Save" />
<BzButton Text="تمام عرض" FullWidth Color="BzColor.Secondary" />

@code {
    BzButton btn = default!;

    async Task Save()
    {
        btn.ShowSpinner();
        await Task.Delay(1200);   // do real work here
        btn.HideSpinner();
    }
}