匯入
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
顯示照片或姓名首字母，並以此人的名字作為無障礙名稱。
| 名稱 | 型別 | 預設值 | 說明 |
|---|---|---|---|
name輸入 | string | 此人的名字。無障礙名稱、首字母和顏色都由它而來。 | |
src輸入 | string | 照片的網址。載入失敗時會改為顯示首字母。 | |
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 為它命名。