BzButton
دکمه ها
واریانت ها، رنگ ها، اندازه ها، آیکن و حالت لودینگ.
دکمهفرم و اینپوتگروه اینپوتگروه دکمهانتخاب تاریختکمیل خودکارکارتنمایشلودینگدیالوگاعلانپیام عملیاتمنو کشوییکانتکس منوصفحه بندیلایت باکسدرختدیتاگریدنمودارتب و آکاردیوننویگیشن بارسایدبارتایم لاینویزارداسلایدرآپلودرادیتور متنتقویمابزار ایرانی
کامپوننتی پیدا نشد.
واریانت ها
چهارتا ظاهر پایه ، وارینت پیشفرض روی Filled تنظیم شده
@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" />رنگ ها
هر رنگ با هر واریانتی ترکیب میشه.
@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 تنظیم شده
@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 دکمه ی مربعی میسازه.
@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 میتونی به صورت دستی لودینک رو نشون بدی و پنهان کنی مثلا قبل ارسال درخواست نشون بدی و بعدش پنهان کنی
@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();
}
}