Avatar

Displays a user's photo, initials, or icon in a compact frame. Use avatars in lists, headers, and comments to identify people at a glance.

#
Usage

Basic example with common props.

Color and style variants.

Size options from xs to lg.

Name	Description	Type	Default	Values
size	Control size. One of xs, sm, md, lg, xl.	String	md	xssmmdlgxl
color	Theme or CSS color used for the control accents.	String	primary
tag	Root element tag.	String	div
name	Display name used to derive initials when no image is loaded.	String
alt	Alt text for the image when `image` is set.	String
image	Image URL. Falls back to initials or the avatar icon if unloadable.	String
outlined	Outline style with a transparent fill.	Boolean	false
rounded	Fully rounded corners (circle).	Boolean	false

Name	Description
avatarIcon	Fallback icon when no name or image is available.