Avatar

Аватар на shadcn / Radix Avatar. AvatarImage показывает изображение, а AvatarFallback подменяет его инициалами, пока картинка грузится или если ссылка недоступна. Размер задаётся через size (sm / default / lg), а презентационные части AvatarBadge / AvatarGroup / AvatarGroupCount собирают статус-индикаторы и группы аватаров.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

AvatarImage грузит картинку; при валидной ссылке видно фото, при битой — AvatarFallback с инициалами.

Загрузка демо…

size: sm / default / lg.

Загрузка демо…