API ของ Avatar · Needless UI

Import

import-avatar.ts

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

รูปภาพหรืออักษรย่อที่ตั้งชื่อตามบุคคลนั้น

NuiAvatar: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`name`Input	`string`		ชื่อของบุคคล ชื่อที่เข้าถึงได้ อักษรย่อ และสีล้วนมาจากค่านี้
`src`Input	`string`		URL ของรูปภาพ หากโหลดไม่สำเร็จจะแสดงอักษรย่อแทน
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	ขนาด: `sm` `md` หรือ `lg`
`shape`Input	`'circle' \| 'square'`	`'circle'`	`circle` หรือ `square`
`status`Input	`'online' \| 'away' \| 'busy' \| 'offline'`		จุดแสดงสถานะ: `online` `away` `busy` หรือ `offline`
`label`Input	`string`		ชื่อที่เข้าถึงได้ซึ่งบอกได้มากกว่าชื่อ เช่น “Ada Lovelace ออนไลน์อยู่”
`decorative`Input	`boolean`	`false`	ซ่อน Avatar จากเทคโนโลยีสิ่งอำนวยความสะดวก สำหรับ Avatar ที่อยู่ถัดจากชื่อที่มองเห็นได้

แถวของ Avatar ที่วางซ้อนกัน ตั้งชื่อให้ด้วย aria-label