AvatarWithInitials

AvatarWithInitials(props): Element

Defined in: packages/ui/src/components/avatar-with-initials.tsx:46

Avatar component with automatic initials fallback.

Renders an <img> when a src URL is provided. When src is absent or null, displays the user’s initials (derived via getInitials) inside a circular badge. This is the headless implementation; styled versions are provided by UI plugins.

Parameters

props

AvatarWithInitialsProps

See AvatarWithInitialsProps.

Returns

Element

Example

<AvatarWithInitials
  src={user.avatarUrl}
  name={user.name}
  size="sm"
/>