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.

✨ 오늘의 명언 & 마음의 양식

“배우고 때때로 익히면 또한 기쁘지 아니한가.”

— 논어 (고전 명언)
On this page

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 🗙