Avatar Badge
A
<div style="display:inline-block;position:relative"><div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:1.5em">A</div><div style="position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:3px solid #1a1a2e"></div></div>Customize
#667eea
#764ba2
#22c55e
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | A | Displayed text |
color1 | color | #667eea | Avatar gradient start color |
color2 | color | #764ba2 | Avatar gradient end color |
statusColor | color | #22c55e | Status badge color |
Avatar badge