avatar

Fragment reference avatar

tags

ui

Avatars represent a person or object.

Usage

avatar(label="User")

Content

Avatars support images, initials, or icons.

avatar(image="/images/user.jpg" label="User Photo")
avatar(initials="JD" label="John Doe")
avatar(label="Empty")
  icon(slot="icon" name="person")

Attributes

Name	Type	Default	Description
image	string	-	Image source URL.
initials	string	-	Fallback initials.
label	string	-	Accessible description.
shape	circle | square | rounded	circle	Avatar shape.
loading	eager | lazy	eager	Image loading strategy.