BzButton

دکمه ها

واریانت ها، رنگ ها، اندازه ها، آیکن و حالت لودینگ.

واریانت ها

چهارتا ظاهر پایه ، وارینت پیشفرض روی Filled تنظیم شده

razor
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton Text="Filled"   Color="BzColor.Primary" />
<BzButton Text="Outlined" Color="BzColor.Primary" Variant="BzButtonVariant.Outlined" />
<BzButton Text="Text"     Color="BzColor.Primary" Variant="BzButtonVariant.Text" />
<BzButton Text="Soft"     Color="BzColor.Primary" Variant="BzButtonVariant.Soft" />
رنگ ها

هر رنگ با هر واریانتی ترکیب میشه.

razor
@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" />
اندازه ها

سه اندازه، اندازه پیشفرض Medium تنظیم شده

razor
@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" />
با و بدون آیکن

StartIcon و EndIcon جهت را خودش با RTL تطبیق میده. IconOnly دکمه ی مربعی میسازه.

razor
@using BzCore.Components.Button
@using BzCore.Enums

@* StartIcon / EndIcon flip automatically in RTL *@
<BzButton Text="ذخیره" StartIcon="fa-solid fa-floppy-disk" Color="BzColor.Primary" />
<BzButton Text="بعدی" EndIcon="fa-solid fa-angle-left" Variant="BzButtonVariant.Outlined" />

@* No Text + IconOnly = a square icon button *@
<BzButton IconOnly StartIcon="fa-solid fa-trash" Color="BzColor.Danger"
          Variant="BzButtonVariant.Soft" />
لودینگ و تمام عرض

با ref میتونی به صورت دستی لودینک رو نشون بدی و پنهان کنی مثلا قبل ارسال درخواست نشون بدی و بعدش پنهان کنی

razor
@using BzCore.Components.Button
@using BzCore.Enums

<BzButton @ref="_btn" Text="ذخیره" Color="BzColor.Primary" OnClick="Save" />

<BzButton Text="تمام عرض" FullWidth Color="BzColor.Secondary" />

@code {
    private BzButton _btn = default!;

    private async Task Save()
    {
        _btn.ShowSpinner();     
        await Task.Delay(1200); // request to server
        _btn.HideSpinner();
    }
}