Components/Avatar (AppAvatar)
Avatar (AppAvatar)
● Needs Review Web Nuxt 4 + Mobile React Native
Elemen representasi profil pengguna dan tutor dengan penanganan inisial fallback otomatis, status online, dan variasi skala ukuran (sm/md/lg/xl).
Import
<AppAvatar name="Ahmad Reza" size="md" />Ukuran & fallback
Pakai src saat foto profil tersedia — komponen otomatis jatuh ke inisial dari name ketika src kosong, jadi selalu isi name juga meski Anda punya src, agar tampilan tetap wajar saat gambar gagal dimuat. Pilih ukuran sesuai densitas layout: sm untuk daftar padat (mis. komentar bertingkat), md untuk baris daftar standar, lg/xl untuk halaman profil atau kartu tutor yang jadi fokus utama.
Avatar Scale & Fallbacks
AR
BS
KF
Butuh detail props, events, dan slot?