Avatar / Integration / ListView

Example of Blazor CSS Avatar Component in ListView

Loading Syncfusion Blazor Server Demos…
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.