Import
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
Ảnh hoặc chữ cái đầu, được đặt tên theo người đó.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
nameInput | string | Tên của người đó. Accessible name, chữ cái đầu và màu đều được lấy từ đây. | |
srcInput | string | URL của ảnh. Nếu ảnh không tải được, chữ cái đầu sẽ hiển thị thay thế. | |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Kích thước: sm, md hoặc lg. |
shapeInput | 'circle' | 'square' | 'circle' | circle hoặc square. |
statusInput | 'online' | 'away' | 'busy' | 'offline' | Chấm trạng thái: online, away, busy hoặc offline. | |
labelInput | string | Accessible name nói nhiều hơn cái tên, chẳng hạn “Ada Lovelace, đang trực tuyến”. | |
decorativeInput | boolean | false | Ẩn avatar khỏi công nghệ hỗ trợ, dành cho avatar nằm cạnh tên hiển thị. |
NuiAvatarGroup
Một hàng avatar chồng lên nhau. Đặt tên cho nhóm bằng aria-label.