导入

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

NuiAvatar

显示照片或姓名首字母,并以此人的名字作为可访问名称。

选择器
[nuiAvatar]
NuiAvatar: 属性
名称类型默认值说明
name输入string此人的名字。可访问名称、首字母和颜色都由它得出。
src输入string照片的 URL。加载失败时改为显示首字母。
size输入'sm' | 'md' | 'lg''md'尺寸:sm、md 或 lg。
shape输入'circle' | 'square''circle'circle 或 square。
status输入'online' | 'away' | 'busy' | 'offline'在线状态点:online、away、busy 或 offline。
label输入string比名字包含更多信息的可访问名称,例如“Ada Lovelace,在线”。
decorative输入booleanfalse对辅助技术隐藏头像,适用于旁边已经显示名字的头像。

NuiAvatarGroup

一排彼此重叠的头像。请用 aria-label 为它命名。

选择器
[nuiAvatarGroup]