Avatar

An image element with a fallback for representing the user.

With Fallback

Avatar showing initials when no image is available.

JDABCN

Sizes

Available avatar sizes.

SML

Usage

julia
using Suite

Avatar(
    AvatarImage(src="/avatar.jpg", alt="User"),
    AvatarFallback("JD"),
)

Avatar(size="lg",
    AvatarFallback("AB"),
)

API Reference

Avatar

PropTypeDefaultDescription
sizeString"default"default | sm | lg
classString""Additional CSS classes
children...Any-AvatarImage and/or AvatarFallback
kwargs...Pair-Any HTML attribute

AvatarImage

PropTypeDefaultDescription
srcString""Image URL
altString""Alt text for accessibility
classString""Additional CSS classes
kwargs...Pair-Any HTML attribute

AvatarFallback

PropTypeDefaultDescription
classString""Additional CSS classes
children...Any-Fallback content (initials, icon)
kwargs...Pair-Any HTML attribute