@page "/alert-styling"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Alert Styling
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Customize alert appearance with various styles, shades, and variants.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo controls let you select <strong>AlertStyle</strong> (Primary, Secondary, Success, Danger, etc.), <strong>Size</strong> (ExtraSmall to Large), and <strong>Variant</strong> (Filled, Flat, Outlined, Text), showing five alerts with different <strong>Shades</strong> (Lighter, Light, Default, Dark, Darker) to compare visual appearances.
</RadzenText>

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