Files
radzen-blazor/RadzenBlazorDemos/Pages/AlertConfig.razor
2023-12-25 10:40:11 +02:00

35 lines
1.3 KiB
Plaintext

@inject NotificationService NotificationService
<RadzenStack Gap="0" class="rz-py-8 rz-px-12">
<RadzenAlert AlertStyle="AlertStyle.Warning" Variant="Variant.Flat" Shade="Shade.Lighter">
Alert with close button
</RadzenAlert>
<RadzenAlert AllowClose="false" AlertStyle="AlertStyle.Success" Variant="Variant.Flat" Shade="Shade.Lighter">
Alert without close button
</RadzenAlert>
<RadzenAlert Title="Alert with Title" AlertStyle="AlertStyle.Info" Variant="Variant.Flat" Shade="Shade.Lighter">
Alert with title
</RadzenAlert>
<RadzenAlert AlertStyle="AlertStyle.Danger" ShowIcon="false" Variant="Variant.Flat" Shade="Shade.Lighter">
Alert without message icon
</RadzenAlert>
<RadzenAlert @bind-Visible="visible" Close=@OnClose>
Toggle alert visibility and handle the <code>Close</code> event.
</RadzenAlert>
<RadzenButton Text="@ToggleButtonText" Click="@OnToggle" />
</RadzenStack>
@code {
bool visible = true;
string ToggleButtonText => visible ? "Hide alert" : "Show alert";
void OnToggle()
{
visible = !visible;
}
void OnClose()
{
NotificationService.Notify(new NotificationMessage { Severity = NotificationSeverity.Info, Summary = "Closed", Detail = "Info" });
}
}