Avatar

FREE

Renkli 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/avatar

Otomatik 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

ÖzellikTipVarsayılanAçıklama
srcstring—Fotoğraf.
namestring—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

ÖzellikTipVarsayılanAçıklama
maxnumber4En fazla gösterilen; gerisi +N.
sizestring"md"Tüm avatarların boyutu.