Avatar
Display user profile images & fallbacks.
Installation
pnpm add @base-ui/react
Examples
Implement this component in your project using Yumma CSS and Base UI.
Base
MW
Status
Display online or offline indicators.
MW
SC
AK
Verified
Include a verified badge for authenticated profiles.
EW
JB
Placeholder
Show a fallback icon when no image or initials are available.
Initials
Generate a fallback using user initials.
MWSCAKEW
Detailed
Show additional user information alongside the avatar.
MW
Marcus Webb
Product Designer
SC
Sarah Chen
Software Engineer
AK
Alex Kim
Marketing Manager
Stacked
Group multiple avatars together in a horizontal stack.
MWSCAKEW+3