UserProfileCard

Domain

Profile card with cover banner, avatar, display name, username, bio, role and status badges, and an optional actions slot.

Full profile

Preview
JD

Jane Doe

@janedoe

Full-stack engineer. Loves design systems and coffee.

AdminActiveadmin@acme.com
Code
<UserProfileCard user={user} actions={<Button variant="outline" size="sm">Edit</Button>} />

No profile data

Preview
U

user@acme.com

UserInactiveuser@acme.com
Code
<UserProfileCard user={user} />
Sourcemodules/domains/common/user/UserProfileCard.tsx