All Demos / Avatar / Integration / Card

Example of Blazor CSS Avatar Component with Card

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
Laura Callahan's profile picture
Laura Callahan
Sales Coordinator

Laura received a BA in psychology from the University of Washington. She has also completed a course in business French. She reads and writes French.

This sample demonstrates integrating the Avatar component with the Card component to create business cards.

A circular avatar is placed within a card to design business card layouts. Wrap the image element with the avatar container and apply the .e-avatar-circle class to render the circular style.