ProfileCard

Person card with avatar, bio, and action buttons.

Example

Alex Chen

Software Engineer

Building design systems that scale.

Props

NameTypeDefaultRequiredDescription
namestringRequiredPerson's name
biostringNoShort biography
avatarSrcstringNoAvatar image URL
initialsstringNoFallback initials
titlestringNoRole or title
primaryActionstringNoPrimary button label
onPrimaryAction() => voidNoPrimary action handler
secondaryActionstringNoSecondary button label
onSecondaryAction() => voidNoSecondary action handler
elevation0 | 1 | 2 | 3NoSurface elevation