Props
| Prop | Type | Default | Notes |
|---|---|---|---|
src | string | '' | |
alt | string | '' | |
status | '' | online | offline | '' |
StellarUI
<stellar-avatar>
Image or initials avatar with optional online/offline status dot.
Properties
Preview
Markup
<stellar-avatar style="--avatar-size:5rem">D</stellar-avatar>API
Complete props, events, slots, and implementation notes for the shipped avatar.
Events
| Event | Source | Notes |
|---|---|---|
| custom events | none | stellar-avatar is display-only and emits no custom events. |
Slots
| Slot | Notes |
|---|---|
| default | Fallback avatar content, typically initials, shown when src is absent. |
Notes
- The public tag is `stellar-avatar`, a small wrapper around either an image or slotted fallback content.
- The shipped surface keeps base avatar treatment, placeholder mode when no image is present, and an optional online/offline status dot.
- Size stays CSS-driven through `--avatar-size` instead of becoming a separate component prop.
- The default slot is the fallback face, so initials and custom placeholder markup stay native.
- This port does not include a separate `avatar-group` surface.