Example of Blazor CSS Badge Component in ListView
This sample demonstrates the integration of badges into the listview component to display the new e-mails count.
- Inbox
- Primary 3 New
- Social 27 New
- Promotions 7 New
- Updates 13 New
- All Labels
- Starred
- Important 2 New
- Sent
- Outbox
- Drafts 7 New
The badge can be integrated into the listview with the help of templates. The listview uses so many real-time use caseswith badges to achieve different applications.
Here, default badges are used and there is no need to customize the badge size because the component will automaticallyadjust the size based on the container element.
In this samples, different types of colors are used to indicate their priorities of the notification.