Notifications — Blazify

Toast (injected service)

Toasts appear at the top of the viewport. Because you may be scrolled down here, the page scrolls up after each click so the toast is never missed.

Method	Use for
`Notify.Success(text, title?)`	Confirming a successful action
`Notify.Info(text, title?)`	Neutral information
`Notify.Warning(text, title?)`	A warning, not an error
`Notify.Error(text, title?)`	An operation failure
`Notify.Clear()`	Dismiss every toast

razor

@using BzCore.Components.Notification
@using BzCore.Components.Button
@using BzCore.Notifications
@using BzCore.Enums
@inject IBzNotificationService Notify

<BzButton Text="موفق" Color="BzColor.Success"
          OnClick="@(() => Notify.Success("ذخیره شد.", "موفقیت"))" />
<BzButton Text="اطلاع" Color="BzColor.Info"
          OnClick="@(() => Notify.Info("یک پیام اطلاع رسانی."))" />
<BzButton Text="هشدار" Color="BzColor.Warning"
          OnClick="@(() => Notify.Warning("به این مورد دقت کنید."))" />
<BzButton Text="خطا" Color="BzColor.Danger"
          OnClick="@(() => Notify.Error("مشکلی پیش آمد."))" />
<BzButton Text="پاک کردن همه" Variant="BzButtonVariant.Text"
          OnClick="@(() => Notify.Clear())" />

@* Place this ONCE, normally in MainLayout — not on every page. *@
<BzNotificationHost />

@*
Program.cs — the service is registered by AddBlazify():
    builder.Services.AddBlazify();
*@

Inline message

Unlike a toast, this message stays inside the page.

Info

This is an inline message.

Operation completed successfully.

Error

Could not connect to the server.

razor

@using BzCore.Components.Notification
@using BzCore.Enums

<BzMessage Severity="BzSeverity.Info" Title="اطلاع" Text="این یک پیام درون خطی است." />
<BzMessage Severity="BzSeverity.Success" Text="عملیات با موفقیت ثبت شد." Closable />
<BzMessage Severity="BzSeverity.Error" Title="خطا" Text="اتصال به سرور برقرار نشد." Closable />

Tooltip

Wrap any content in BzTooltip — only Placement changes between variants.

razor

@using BzCore.Components.Notification
@using BzCore.Components.Button
@using BzCore.Enums

<BzTooltip Text="راهنمای بالا" Placement="BzTooltipPlacement.Top">
    <BzButton Text="بالا" Variant="BzButtonVariant.Soft" />
</BzTooltip>

<BzTooltip Text="راهنمای پایین" Placement="BzTooltipPlacement.Bottom">
    <BzButton Text="پایین" Variant="BzButtonVariant.Soft" />
</BzTooltip>

<BzTooltip Text="راهنمای انتها" Placement="BzTooltipPlacement.End">
    <BzButton Text="انتها" Variant="BzButtonVariant.Soft" />
</BzTooltip>