Radzen Blazor Components

Notification

Demonstration and configuration of the Radzen Blazor Notification component.

These demos showcase toast notifications using NotificationService with different severity levels (Success/Info/Warning/Error), customizable positioning with inline styles, click handlers, custom summary and detail content templates, and duration progress indicators.

NOTE: Please ensure you have reviewed the instructions in Get Started , as there are pre-requirements when using this component.

Notification severity link

Use NotificationMessage Severity to set custom position.

Info

Warning

Error

Success

Custom Notification position link

Use NotificationMessage Style to set custom position.

Custom click handler link

Use NotificationMessage Click action to set custom click handler.

Console log

Custom content link

Use NotificationMessage SummaryContent and DetailContent to set custom content.

Duration progress link

Use NotificationMessage ShowProgress to show duration progress.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙