Example of Blazor CSS Avatar Component in ListView
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Contacts
- Robert
- NNancy
- John
- AAndrew
- Margaret
- Steven
- MMichael
This sample demonstrates integrating the Avatar component into the ListView to create a contacts application.
Avatars can be combined with other components to build various UI patterns. Here, avatars display contact images or initials within a ListView.
The xSmall circular avatar is used. To apply this style, add .e-avatar-xsmall and .e-avatar-circle to the avatar element.