Phoenix Duskmoon UI Storybook

Avatar

Attribute	Type	Documentation	Default
src	:string	image source URL
alt	:string	alt text for the image
name	:string	user name for text-based avatar initials
placeholder_img	:any	placeholder image URL or true for initials
size	:string	avatar size	"md"
shape	:string	avatar shape	"circle"
color	:string	background color for text-based avatars	"primary"
ring	:boolean	add ring outline to avatar	false
ring_color	:string	ring outline color
online	:boolean	show online status indicator	false
offline	:boolean	show offline status indicator	false
class	:any	additional CSS classes for the wrapper
img_class	:any	additional CSS classes for the image element
placeholder_class	:any	additional CSS classes for the placeholder
online_label	:string	Accessible label for the online indicator	"Online"
offline_label	:string	Accessible label for the offline indicator	"Offline"
default_icon_label	:string	Accessible label for the default user icon	"User"
placeholder_alt	:string	Alt text for the placeholder image	"Placeholder"
rest	:global
placeholder	:slot	Custom placeholder content