Persona

Presents an identity block — avatar plus up to four lines of text.

Use for people, service accounts, or entities in lists and headers. Configure config.size, text_position, and text_alignment, or override lines with PersonaPrimaryText through PersonaQuaternaryText slots.

Default persona

Medium persona with name-derived primary text — common in comments and assignee cells.

JD
Jane Doe
Secondary metadata line

Add a secondary line for role, department, or status beneath the display name.

JD
Jane DoeEngineer
Full text stack

Stack up to four text lines for rich identity blocks in profiles and activity feeds.

JD
Jane DoeEngineerProductSeattle
Size presets

Size tokens scale the avatar and spacing for dense lists versus profile headers.

X
XS
M
MD
H
HG
Center-aligned text

Vertically center text beside the avatar when the avatar is taller than the text block.

JD
Jane Doe
Text position variants

Place text before, after, or below the avatar for RTL layouts and stacked cards.

Before
B
B
Below
Avatar image

Provide config.avatar_src for profile photos; initials remain the fallback when the image fails.

JD
Jane Doe