Mastery SKD CPNS 2026: Paket Lengkap TWK, TIU, & TKP Standar BKN
Kak Fajar (Eks Penguji)★4.9·1.4k terjual
Rp 49.000 Rp 99.000
Components/PackageCard (Tray Pattern)
PackageCard (Tray Pattern)
● Needs Review Web Nuxt 4 + Mobile React Native
Pola kartu produk unggulan Zenko yang menggabungkan nampan luar abu-abu (Outer Sunken Tray) dengan kartu putih melayang (Inner Floating Card) dan label kategori uppercase di bawahnya.
Import
<PackageCard :item="packageItem" />Thumbnail & label kategori
Gunakan gambar dengan aspect ratio 16:10 untuk thumbnailUrl agar seluruh kartu tetap sejajar tingginya saat ditampilkan dalam grid katalog. Jangan menghilangkan label kategori di nampan bawah — itu adalah jangkar visual identitas kartu Zenko (pola "tray") sekaligus satu-satunya penanda kategori produk pada kartu ini, bukan sekadar dekorasi yang boleh dilepas untuk menghemat ruang.
PackageCard Playground
Kak Fajar (Eks Penguji)SKD CPNS
Butuh detail props, events, dan slot?