Needless UI

Components

Avatar

Hoton mutum, ko haruffan farko na sunansa a kan launin da yake nasa koyaushe.

Shigo da shi

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

NuiAvatar

Hoto ko haruffan farko, mai ɗauke da sunan mutumin.

Selector
[nuiAvatar]
SunaIriNa asaliBayani
nameInputstringSunan mutumin. Daga gare shi ne sunan da ake sanarwa, haruffan farko da launin ke fitowa.
srcInputstringURL na hoton. Idan ya kasa lodawa, haruffan farko ne ke bayyana a maimakonsa.
sizeInput'sm' | 'md' | 'lg''md'Girma: sm, md ko lg.
shapeInput'circle' | 'square''circle'circle ko square.
statusInput'online' | 'away' | 'busy' | 'offline'Ɗigon yanayi: online, away, busy ko offline.
labelInputstringSunan da ake sanarwa wanda ya faɗi fiye da sunan kawai, kamar “Ada Lovelace, tana kan layi”.
decorativeInputbooleanfalseYana ɓoye avatar ɗin daga fasahohin taimako, don avatars da ke kusa da sunan da ake gani.

NuiAvatarGroup

Layin avatars masu hawa kan juna. Ku ba shi suna da aria-label.

Selector
[nuiAvatarGroup]