beta

Avatar Used to show a thumbnail representation of an individual or business in the interface.

CSS Source

Controls

Variant Custom image, user icon, or name initials.

Image Icon Initials

Size From extra small to 2x large sizes.

Status Optional status 'dot' display

Properties Jump to heading

Class / Token	Type
`.prs-avatar`	Component	Container
`.prs-avatar-xs`	Modifier	Extra-Small variant
`.prs-avatar-sm`	Modifier	Small variant
`.prs-avatar-md`	Modifier	Medium variant
`.prs-avatar-lg`	Modifier	Large variant
`.prs-avatar-xl`	Modifier	Extra-Large variant
`.prs-avatar-2xl`	Modifier	2x Extra-Large variant
`.prs-avatar-offline`	Modifier	Offline gray dot variant
`.prs-avatar-online`	Modifier	Online green dot variant
`.prs-avatar-placeholder`	Part	For text