ProfileCard

a contact or a seller in a side column: the portrait centred on top, the words under it and two equal buttons at the foot; the merchant’s own people only

role: story pages: about, product, app, landing motion: reveal

Install

npx shadcn-vue@latest add @trame/content-profile-card   # Vue
npx shadcn@latest add @trame/content-profile-card       # React

centered

@trame/content-profile-card--centered

a contact or a seller in a side column: the portrait centred on top, the words under it and two equal buttons at the foot; the merchant’s own people only

cover-banner

@trame/content-profile-card--cover-banner

a creator or a community member: a cover strip, the portrait over its edge with the actions beside it, then bio, links, a ruled row of figures and the tags

portrait

@trame/content-profile-card--portrait

a person whose face is the argument (a coach, an artist): the picture fills the top of the card, name, figures and the main action on a solid foot

row

@trame/content-profile-card--row

a person inside a list or beside an article: a horizontal card, the portrait left, name, headline and a two-line bio, the links and the actions at the right