Avatar
FREERenkli baş harf yedeği, boyutlar, durum noktası ve +N gösteren AvatarGroup.
Kurulum
Terminal
npx @bloxa/cli add avatar
# or: npx shadcn@latest add @bloxa/avatarOtomatik kurulan paketler: radix-ui
Örnekler
Boyutlar, durum, grup
+2
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Avatar
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| src | string | — | Fotoğraf. |
| name | string | — | Alt metin, baş harfler ve renk. |
| size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Boyut. |
| shape | "circle" | "square" | "circle" | Şekil. |
| status | "online" | "away" | "busy" | "offline" | — | Durum noktası. |
AvatarGroup
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| max | number | 4 | En fazla gösterilen; gerisi +N. |
| size | string | "md" | Tüm avatarların boyutu. |