MeldUI

Avatar

An image element with a fallback for representing the user.

Usage

Sizes

Control avatar size with Tailwind size classes (size-6, size-8, size-14, size-20).

Sub-components

AvatarImage

The image element

PropTypeDefaultDescription
srcstring-Image URL
altstring-Alt text

AvatarFallback

Fallback shown when image fails to load

PropTypeDefaultDescription
delayMsnumber-Delay before showing fallback