Avatar

Visual representation of a user or entity with image, initials, or icon.

Preview

Open in Storybook →

When to use

• To represent users in lists, headers, or comments
• For profile pictures or entity icons
• In combination with names or metadata

Usage

<template>
  <Avatar label="BG" shape="circle" />
  <Avatar icon="pi pi-user" shape="circle" />
  <Avatar image="/path/to/photo.jpg" shape="circle" />
</template>

Sizes

<template>
  <Avatar label="SM" size="small" shape="circle" />
  <Avatar label="MD" shape="circle" />
  <Avatar label="LG" size="large" shape="circle" />
  <Avatar label="XL" size="xlarge" shape="circle" />
</template>

Links

• Storybook →
• PrimeVue Docs →