Komponen / Tampilan data
Skeleton
Placeholder berdenyut yang meniru tata letak isi selagi data dimuat, agar layar tidak melompat saat data tiba.
Kapan dipakai
Gunakan
- Tiru tata letak isi yang akan muncul: jumlah baris, posisi avatar, tinggi kartu.
- Pakai saat memuat pertama kali halaman atau panel (daftar opportunity, detail PO, dashboard).
- Ganti Skeleton dengan isi asli di tempat yang sama tanpa mengubah ukuran wadah.
Hindari
- Jangan menampilkan Skeleton untuk aksi singkat (< 300 ms) atau saat menyimpan form — pakai status loading di Button.
- Jangan membuat satu blok besar untuk seluruh halaman; bentuk harus menyerupai isinya.
- Jangan memakai Skeleton untuk data yang memang kosong — pakai EmptyState.