Example of Blazor CSS Avatar Component in ListView
This sample demonstrates the integration of avatar component into listview to create contacts applications.
Contacts
- Robert
- NNancy
- John
- AAndrew
- Margaret
- Steven
- MMichael
The avatar can be used with other components to create various applications. Here, the avatar is used to display images or their initials from the persons contact lists.
Here, the xsmall avatar is used in circle type. To change the size of the avatar to xsmall and circle style, add .e-avatar-xsmall and .e-avatar-circle.