User Avatar
Avatar with optional org badge overlay for people and teams.
Avatar with optional org badge overlay for people and teams.
import { UserAvatar } from "@coss/ui/shared/user-avatar";Example
Initials when no src (team profile form), plus a photo when src is set.
apps/web · team profile form
AInitials fallback
MWith photo
Call sites
| File | Notes |
|---|---|
apps/web/modules/ee/teams/views/components/team-profile-form-card.tsx | Team logo preview |
apps/web/modules/onboarding/personal/settings/personal-settings-view.tsx | Personal + org badge |
Example URLs
Not exhaustive — a few places you can open locally (e.g. http://localhost:3000) to see this in product.
| Path | Notes |
|---|---|
/settings/teams/<teamId>/profile | Team logo preview via UserAvatar |
/onboarding/personal/settings | Personal onboarding avatar |
Source
On This Page