LivaAvatarCard
Oturum açan kullanıcıyı temsil eden avatar kartı. Resim kullanmaz; avatar
dairesi, ad soyaddan türetilen baş harflerle çizilir (ör. Ayşe Yılmaz için
AY). Karta bağlı açılır menüde özel eylemler (cardActions) ve çıkış
bağlantısı gösterilebilir. Genellikle LivaLayout başlığında kullanılır.
import { LivaAvatarCard } from "@dataliva/livalib";
Standart Mod
Varsayılan mod avatar, ad soyad ve üç nokta menü butonunu birlikte gösterir.
showLogout varsayılan olarak açıktır; kapatıldığında ve eylem de yoksa menü
butonu tamamen gizlenir.
Compact Mod
mode="compact" yalnızca avatar dairesini gösterir. Daireye tıklanınca açılan
menünün başlığında ad soyad ve rol yer alır.
Menü Eylemleri
cardActions dizisindeki her öğe menüye bir satır ekler; icon alanı
DevExtreme simge adlarını kabul eder. onLogoutClick menüdeki çıkış
satırına bağlanır. Üç nokta butonuna tıklayıp bir eylem seçin.
| Prop | Tip | Varsayılan |
|---|---|---|
user | { FullName: string | null; Role?: string | null } | — (zorunlu) |
user.FullName | string | null | 'User' (boşsa) |
user.Role | string | null | 'Member' (boşsa) |
mode | 'compact' | 'standard' | 'standard' |
showLogout | boolean | true |
onLogoutClick | () => void | — |
cardActions | AvatarCardAction[] | — |
cardActions[].label | string | — (zorunlu) |
cardActions[].icon | string | — |
cardActions[].onClick | () => void | — (zorunlu) |