Panel (AppPanel)
Wadah konten terkelompok yang dapat ditampilkan sebagai panel collapsible (dapat dibuka/tutup) atau kartu statis untuk ringkasan yang selalu tampil.
import { AppPanel } from '#components'Panel collapsible (default)
Perilaku bawaan (collapsible default true). Gunakan untuk konten sekunder yang boleh disembunyikan pengguna — misalnya rincian syarat & ketentuan paket, atau FAQ di halaman detail produk — supaya halaman tidak terasa penuh sebelum pengguna memintanya.
Panel — Collapsible
Klik header untuk membuka/menutup panel.
Paket ini mencakup 3 subtes lengkap (TWK, TIU, TKP) dengan pembahasan resmi per soal.
Panel statis (collapsible=false)
Set :collapsible="false" saat kontennya harus selalu terlihat — ringkasan dashboard, kartu status transaksi, atau info akun. Header masih menampilkan judul dan boleh diisi aksi lewat slot #actions, tapi tidak ada chevron atau tombol toggle yang mengundang pengguna untuk menyembunyikannya secara tidak sengaja.
Panel — Statis (non-collapsible)
Tidak ada toggle. Cocok sebagai pengganti 'static card'.
Total pembayaran: Rp49.000 — status: Lunas.
Panel States Matrix
Visualisasi perilaku komponen pada seluruh kondisi interaksi antarmuka.
Isi panel.
Isi panel.