Avatar
Display user identities with either text, photo, or an icon
import { Avatar } from "@plexui/ui/components/Avatar";Examples
Overview
T
W
WText
D
Image
T
Icon
Overflow count
Sizing
Colors & variants
Roundness
roundness
size
48
A
Interactive
Reference
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | — | Display name; used for text initial when no image/icon |
imageUrl | string | — | Absolute URL for image avatar |
Icon | React.ComponentType | — | Icon component for icon avatar |
size | number | — | Width and height in pixels |
color | string | — | Semantic color for text/icon avatar |
variant | "soft" | "solid" | — | Style variant |
overflowCount | number | — | Show overflow count (e.g. +9) |
onClick | function | — | Makes avatar interactive |