Wadah & data · UiPanel 54 dari 100

UiPanel

Kotak berlatar sedikit lebih terang untuk mengumpulkan isi yang saling berhubungan.

Spesimen

Fakta pasal

Isi panel duduk di sini.
dengan judul
Panel polos, tanpa kepala.
tanpa judul
Latarnya rata dengan halaman.
nada polos

Pakai kalau

  • Beberapa hal perlu dibaca sebagai satu kesatuan, terpisah dari sekitarnya.
  • Kotaknya butuh judul kecil di atasnya.
  • Isinya berupa daftar baris yang menempel ke tepi; matikan pengisi tepinya.

Jangan pakai kalau

  • Yang kamu butuhkan cuma jarak antar bagian, bukan kotak. UiSection
  • Isinya satu baris yang bisa diklik. UiRow

Kenapa begini

Kepalanya hanya muncul kalau memang ada judulnya. Kepala kosong menyisakan jarak yang tak bisa dijelaskan siapa pun — dan orang berikutnya akan menambal jaraknya dengan angka negatif.

Berkasnya
src/features/projects/shared/ui/UiPanel.astro
Pasal yang mengikat
DSN-01