Playground
Avatar
ui
media
control
User profile image with fallback
Visual identity for users, teams, or entities
import { Avatar } from "@everydayos/ui";Usage
User avatar with image and fallback
JD
API
| Prop | Type | Default |
|---|---|---|
className | unknown | — |
Examples
Avatar with User Info
Avatar combined with user name and role
JD
John Doe
Product Designer
Composition
Pairs well with
Stack
Text
Heading
When to avoid
- Need decorative image — use next/image instead
- Need icon — use icon component instead