Website / Media

AvatarImage

Displays a person or entity image with fallback behavior.

Live example

ASMPDC

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// AvatarImage usage will be documented here.

Adopt to your project

This Website → Media → AvatarImage component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Avoid redundant alt text when the name is present beside the image.

API reference

API focus
Source, alt text, fallback, size, shape.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Media → AvatarImage