Avatar — ui.avatar
Bild oder Initialen einer Person mit optionalem Status
UI Elementv1.0.1Inhaltweb.documentweb.applicationdesktop.shellemail.client
Beispiele
Initialen, online
Klein, abwesend
Groß, offline
Unsicheres src → Initialen-Fallback
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
name * | string | — |
src | string | "" |
size | string: sm | md | lg | "md" |
status | string: none | online | away | offline | "none" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--avatar-size | var(--size-10) |
--avatar-background | var(--color-action-secondary) |
--avatar-color | var(--color-text-muted) |
--avatar-radius | var(--radius-full) |
Genutzte Design-Tokens
border.emphasis color.action.secondary color.border.strong color.status.success color.status.warning color.surface.default color.text.muted font.family.default radius.full size.10 size.12 size.8 weight.semibold