Avatar
Avatar — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Avatar — Prism component.
Accessibility
Fully keyboard operable: Tab to focus, Enter/Space to activate. The visible focus ring uses --focus-ring — never remove it. Provide an accessible label (aria-label) for icon-only controls.
Import
const { Avatar } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
name | string | — | Drives alt text and the initials fallback. |
src | string | null | — | Image URL; falls back to initials when absent or broken. |
size | "sm" | "md" | "lg" | — | |
className | string | — |