pureblazor logo


render modes
  • server
  • webassembly

Alerts can be triggered from code and disappear after the specified duration.


The AlertService triggers notifications to be displayed on top of the current page. To use the AlertService, add the <PureAlertProvider/> component to your page.

<PureButton OnClick="() => AddAlert(Success)">Success</PureButton>
<PureAlertProvider />
@code {
    public AlertService Service { get; set; }
    public async Task AddAlert(Accent state)
        await Service.ShowAsync("Adding your alert...", state);

Basic alerts

Account information updated.
Your session will end in five minutes.
Watch for gators.
Background job failed. View details