Examples

These examples stay wrapper-focused: the component owns fallback display and slot markup while you compose surrounding roster and status layouts.

Team roster

Combine wrapper avatars with names and roles in a compact team list.

Plain-CSS Tailwind CSS

Team roster (Plain CSS)

Alex Morgan

Design systems

TN

Taylor Nguyen

Release engineering

Presence strip

Layer online and busy indicators around the wrapper avatar without touching the internal fallback logic.

Plain-CSS Tailwind CSS

Presence strip (Plain CSS)

DN