LivaAvatarBox

Bir kullanıcı fotoğrafını dairesel bir kutuda gösteren bileşen. LivaAvatarCard'ın baş harf tabanlı avatarından farklı olarak gerçek bir görsel gösterir ve editable açıkken üzerine gelince çıkan simgeyle yeni bir görsel yüklemeye izin verir (DevExtreme FileUploader).

Not: Bu bileşen henüz yayınlanmış @dataliva/livalib sürümünde dışa aktarılmıyor; bu sayfa API'yi belgeler, canlı demo bir sonraki sürümle eklenecektir.

import { LivaAvatarBox } from "@dataliva/livalib";

Salt görüntüleme

editable={false} ile sadece görsel gösterilir; yükleme kontrolü çizilmez.

<LivaAvatarBox
  link="/uploads/user-42.jpg"
  size={96}
  editable={false}
/>

Düzenlenebilir

editable açıkken görselin üzerine gelindiğinde bir düzenleme simgesi belirir; tıklanınca dosya seçme diyaloğu açılır ve seçim onChange ile iletilir.

<LivaAvatarBox
  link={photoUrl}
  size={120}
  editable
  onChange={(e) => uploadAvatar(e.value?.[0])}
/>