Example of Blazor CSS Badge Component as Notification

This sample demonstrates notification badge types and positioning options.

To apply notification badges, add the .e-badge-notification class with .e-badge, or use .e-badge-dot for dot notifications. Always apply position: relative to container elements when using notification badges.

Available notification badge types:

• Default Notification - Use .e-badge-notification class
• Circle Notification - Use .e-badge-circle with .e-badge-notification
• Dot Notification - Use .e-badge-dot class

Position notification badges by adding .e-badge-bottom class to move from top position.