Avatar

Фолбэк по alt

С изображением

Размеры и форма

Кастомный фолбэк

Входные параметры

Имя	Тип	По умолчанию	Описание
`src`	`string`	`undefined`	URL изображения.
`alt`	`string`	`undefined`	Альтернативный текст и источник буквы фолбэка.
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`	Размер аватара.
`shape`	`'circle' \| 'square'`	`'circle'`	Форма аватара.

Описание

Компонент C3Avatar отображает аватар пользователя: изображение по src либо фолбэк-заглушку, если изображение отсутствует или его не удалось загрузить. Используется для представления пользователей и сущностей.

Укажите src для изображения и alt для доступности. При отсутствии изображения отображается первая буква из alt, а через слот по умолчанию можно задать произвольный фолбэк.

Дополнительная информация

Слоты:

default — содержимое фолбэка (заменяет букву, вычисленную из alt).

Поведение:

При ошибке загрузки изображения автоматически показывается фолбэк; ошибка сбрасывается при смене src.
Фолбэк скрыт от скринридеров атрибутом aria-hidden="true".