@page "/alert"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Alert
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Alert</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo five alerts demonstrate different configurations: with close button (warning), without close button (success), with title (info), without icon (danger), and with <code>bind-Visible</code> and <code>Close</code> event that shows a notification when closed.
</RadzenText>

<RadzenExample ComponentName="Alert" Example="AlertConfig">
    <AlertConfig />
</RadzenExample>