아바타 API · Needless UI

가져오기

import-avatar.ts

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`	보조 기술에서 아바타를 숨깁니다. 이름이 바로 옆에 보이는 아바타에 사용합니다.

서로 겹쳐진 아바타의 행입니다. aria-label로 이름을 지정합니다.