Импорт

import-avatar.ts
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';

NuiAvatar

Фото или инициалы, подписанные именем человека.

Селектор
[nuiAvatar]
NuiAvatar: Свойства
ИмяТипПо умолчаниюОписание
nameInputstringИмя человека. Из него берутся доступное имя, инициалы и цвет.
srcInputstringURL фото. Если оно не загрузится, вместо него появятся инициалы.
sizeInput'sm' | 'md' | 'lg''md'Размер: sm, md или lg.
shapeInput'circle' | 'square''circle'circle или square.
statusInput'online' | 'away' | 'busy' | 'offline'Точка статуса присутствия: online, away, busy или offline.
labelInputstringДоступное имя, которое сообщает больше, чем просто имя, например «Ada Lovelace, в сети».
decorativeInputbooleanfalseСкрывает аватар от вспомогательных технологий — для аватаров рядом с видимым именем.

NuiAvatarGroup

Ряд аватаров внахлёст. Задайте ему имя через aria-label.

Селектор
[nuiAvatarGroup]