@agala-labs/ui

Avatar

Represents a person or entity with an image or fallback initials.

Examples

Default

AGAGAG

<AgalaAvatar fallback="AG" alt="Agala team" size="lg" />

Import

import { AgalaAvatar } from '@agala-labs/ui'

API

Prop	Type	Default	Description
src	string	—	Image URL.
alt	string	—	Accessible image alternative.
fallback	string	—	Text shown without an image.
size	string	—	Named or supported size.
shape	'circle' | 'rounded' | 'square'	'circle'	Avatar shape.
class	string	—	Consumer override class.

Accessibility

Supply meaningful alt text when the image carries identity; decorative avatars can use an empty alt.