ProfileCard
ProfileCard — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
ProfileCard — Prism component.
Accessibility
When the whole card is actionable, expose a single accessible name and make it reachable with Tab + Enter. Decorative imagery uses empty alt.
Import
const { ProfileCard } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
name | string | Yes | |
role | React.ReactNode | — | |
avatar | string | — | Avatar image URL; falls back to initials from name. |
meta | React.ReactNode[] | — | |
actions | React.ReactNode | — | |
layout | "stack" | "row" | — | "stack" (centered) or "row". |
className | string | — |