ਇੰਪੋਰਟ
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 ਨਾਲ ਨਾਮ ਦਿਓ।