ইমপোর্ট
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 দিয়ে এর নাম দিন।