Component
Avatar
Circular avatars with clean ink borders. Perfect for user profile images with consistent sizing.
Basic Avatars
SCMJEDAW
Size Variants
SM
Small
MD
Default
LG
Large
XL
Extra Large
Avatar Group
Stacked avatars for displaying team members.
SCMJEDAW+3
Selectable Avatars
Click to select team members. Selected: 0
SC
Sarah
MJ
Mike
ED
Emily
AW
Alex
LP
Lisa
DK
David
Team Members Card
Project Team
SCMJEDAW
With Status Badges
Avatars with status indicators and badges.
SC
Online
MJPRO
Pro Member
ED
Admin
AW
Verified
LP3
Notifications
API Reference
Avatar Props
| Prop | Type | Default |
|---|---|---|
| size | "sm" | "default" | "lg" | "xl" | "default" |
| hover | "orbit" | "scale" | "none" | "orbit" |
Hover Variants
orbit— Default orbit expansion effect on hoverscale— Scale up with z-index boost, ideal for stacked avatarsnone— No hover effect