Avatar
Foto profil dengan cadangan inisial di atas gradien merek.
Basis: Presentasional. Tanpa src, inisial dirender di atas gradien merek — sehingga prototipe tidak pernah bergantung pada berkas gambar.
src/components/ui/avatar.tsxUkuran
Sri Wahyuni
xsSri Wahyuni
smSri Wahyuni
mdSri Wahyuni
lgSri Wahyuni
xlInisial
Dua huruf pertama dari maksimal dua kata. Nama lengkap tetap tersedia bagi pembaca layar.
Sri WahyuniSri Wahyuni
BagusBagus
Ayu Kartika SariAyu Kartika Sari
Muhammad RizkiMuhammad Rizki
Grup
AvatarGroup menumpuk anggotanya dengan cincin sewarna latar agar batas antar avatar tetap terbaca.
Sri WahyuniBagus PratamaAyu Kartika+5
Props
| Prop | Tipe | Bawaan | Keterangan |
|---|---|---|---|
name | string | — | Wajib. Menjadi sumber inisial dan teks alternatif. |
src | string | — | URL gambar. Bila kosong, inisial yang ditampilkan. |
size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Diameter avatar. |