导入
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';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输入 | boolean | false | 对辅助技术隐藏头像,适用于旁边已经显示名字的头像。 |
NuiAvatarGroup
一排彼此重叠的头像。请用 aria-label 为它命名。