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.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE