⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini berfungsi sebagai kartu identitas singkat untuk menampilkan informasi pengguna atau kontak secara ringkas.
**
Ditampilkan di area profil pengguna atau halaman “About Us, Profile atau yang sejenisnya” untuk memperlihatkan anggota tim.
Penjelasan Component Variant
1
Menampilkan nama lengkap pengguna atau kontak.
2
Menyediakan informasi kontak email untuk memudahkan komunikasi lebih lanjut.
3
Memberikan representasi visual dari pengguna, baik dalam bentuk gambar atau ilustrasi (seperti emoji atau ikon khusus).
↔ Spacing
Avatar Group Name
Width
Hug
255px
Height
Hug
64px
Direction
Horizontal
Align Children
Center Left
Gap
3XL
Name + Email
Width
Hug
175px
Height
Hug
62px
Direction
Vertical
Align Children
Top Left
Gap