ఇంపోర్ట్
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 | అవతార్ను సహాయక సాంకేతికతల నుంచి దాచుతుంది; కనిపించే పేరు పక్కనే ఉన్న అవతార్ల కోసం. |
NuiAvatarGroup
ఒకదానిపై ఒకటి కొద్దిగా వచ్చే అవతార్ల వరుస. దానికి aria-label తో పేరు ఇవ్వండి.