Plume UI

Avatar

An image element with a fallback for representing the user.

Examples

Sizes

XS
SM
MD
LG
XL

Image & Fallback

@shadcn

Properties

Prop Type Default Description
src string null Image source URL.
alt string '' Alt text for the image.
fallback string '' Initials or text to show if image fails.
size string md Options: xs, sm, md, lg, xl.

Usage

blade
<x-plume::avatar 
    src="https://github.com/shadcn.png" 
    alt="@shadcn" 
    fallback="CN" 
    size="lg" 
/>