Needless UI

Vijenzi

Avatar

Picha ya mtu, au herufi za mwanzo za jina lake juu ya rangi ambayo ni yake daima.

Kuingiza

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

NuiAvatar

Picha au herufi za mwanzo, zinazopewa jina la mtu husika.

Kiteuzi
[nuiAvatar]
JinaAinaChaguomsingiMaelezo
nameInputstringJina la mtu. Jina linalofikika, herufi za mwanzo na rangi hutokana nalo.
srcInputstringURL ya picha. Ikishindwa kupakia, herufi za mwanzo huonyeshwa badala yake.
sizeInput'sm' | 'md' | 'lg''md'Saizi: sm, md au lg.
shapeInput'circle' | 'square''circle'circle au square.
statusInput'online' | 'away' | 'busy' | 'offline'Kitone cha upatikanaji: online, away, busy au offline.
labelInputstringJina linalofikika linaloeleza zaidi ya jina, kama vile “Ada Lovelace, yuko mtandaoni”.
decorativeInputbooleanfalseHuficha avatar kwa teknolojia saidizi, kwa ajili ya avatar zilizo kando ya jina linaloonekana.

NuiAvatarGroup

Safu ya avatar zinazopishana. Ipe jina kwa aria-label.

Kiteuzi
[nuiAvatarGroup]