Examples

These examples show the two key ownership patterns for headless Avatar: manual fallback control and decorative avatar rosters.

Image fallback

The primitive stays neutral while the owner decides when to hide the image and show initials.

Plain-CSS Tailwind CSS

Image fallback (Plain CSS)

ValidBrokenNo source

source mode: valid

Decorative roster

Use empty alt text and aria-hidden fallback content when avatars are decorative and nearby text already names people.

Plain-CSS Tailwind CSS

Decorative roster (Plain CSS)

TN