Options
One block per prop — what it does, and what it looks like set.
Size
size is the size of the Avatar.
Src
src is an image avatar instead of initials.
First name
firstName supplies the first letter of the avatar's fallback initials, and is part of the image's alt text — so it's worth passing even when you have a src.
Last name
lastName supplies the second initial, so the fallback reads as a monogram rather than a single letter.
Status
status is a presence dot in the avatar's corner.
Ring
ring is the ring color displayed around the Avatar.
Shape
shape is the shape of the Avatar.
Title
title is the primary line beside the avatar — usually the person's name.
Description
description is the secondary line under it — a role, a handle, an email.
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
stringstringstring"online" | "offline" | "away" | "dnd" | "busy""primary" | "secondary" | "success" | "warning" | "error" | "info" | "pending" | "neutral"