src/components/avatar/Avatar.ts:

class: Avatar, btu-avatar

Superclass

Name	Module	Package
LitElement		lit

Mixins

Name	Module	Package
EventEmitterMixin	/src/util/EventEmitterMixin.js
ReadyMixin	/src/util/ReadyMixin.js

Fields

Name	Privacy	Type	Default	Description	Inherited From
src		string	''	Image source URL
alt		string	''	Alt text for the image
fallback		string	''	Fallback text (typically user initials)
size		'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'	'md'	Size variant. - 'xs': Extra small (1.5rem) - 'sm': Small (2.25rem) - 'md': Medium (2.5rem) - default - 'lg': Large (3rem) - 'xl': Extra large (3.5rem) - 'xxl': Extra extra large (4rem)

Events

Name	Type	Description	Inherited From
btu-avatar-ready	CustomEvent	Fired after first render and initialization
btu-avatar-image-loaded	CustomEvent<{src: string}>	Fired when image successfully loads
btu-avatar-image-error	CustomEvent<{src: string, error: Event}>	Fired when image fails to load

Attributes

Name	Field	Inherited From
src	src
alt	alt
fallback	fallback
size	size

CSS Properties

Name	Default	Description
--avatar-size		Custom size (overrides size prop)
--avatar-bg-color		Fallback background color (default: purple-600)
--avatar-corner-rounding		How rounded is the avatar (default: circle)
--avatar-ring-color		Optional ring border color
--avatar-ring-width		Ring border width (default: 2px)

---

Exports

Kind	Name	Declaration	Module	Package
js	default	Avatar	src/components/avatar/Avatar.ts
custom-element-definition	btu-avatar	Avatar	src/components/avatar/Avatar.ts