# Alert

> AstrolAlert: in-page Blazor messages with a status (info, success, warning, error, brand), title, actions and close button; accessible with role alert or status.

Source page: https://doc.astrolui.com/basic-component/alert

In-page messages: information, success, warning or error.

## 1. Demo AstrolAlert

Unlike notifications, an alert stays on the page until the situation changes (or the user closes it with **Closable**). Error and warning alerts are announced right away to screen readers.

```razor
@using Astrol.Component.Basic.Alert

<AstrolAlert Text="Your trial ends in 5 days." />
<AstrolAlert Status="AstrolStatus.Success" Title="Saved" Text="The customer was updated." Closable="true" />
<AstrolAlert Status="AstrolStatus.Warning" Text="Some fields are empty." />
<AstrolAlert Status="AstrolStatus.Danger" Title="Could not save" Text="The server did not respond.">
    <Actions>
        <AstrolButton Text="Retry" Icon="astrol-arrows-cw" Style="AstrolStyle.Red" />
        <AstrolButton Text="Details" Style="AstrolStyle.White" />
    </Actions>
</AstrolAlert>
<AstrolAlert Status="AstrolStatus.Brand" Icon="astrol-flash" Text="New: tabs, checkboxes and radios." />
```

Your trial ends in 5 days.

The customer was updated.

Some fields of the form are empty.

The server did not respond. Check your connection.

New: tabs, checkboxes and radios.

### Supported parameters

- Status **(AstrolStatus)**, **Info** (default), **Success**, **Warning**, **Danger**, **Brand** or **Neutral**: color and icon.
- Title **(string)**, bold title (optional).
- Text **(string)** or ChildContent **(RenderFragment)**, the message.
- Actions **(RenderFragment)**, buttons or links below the message.
- Icon **(string)**, own icon; ShowIcon **(bool)**, show the icon (default **true**).
- Closable **(bool)**, close button; OnClose **(EventCallback)** when closed; CloseText **(string)**; **Show()** shows it again.
- Class **(string)**, extra css class.