Keadaan & lapisan · UiSheet 71 dari 100

UiSheet

Lembar yang muncul di tengah layar di atas halaman, dengan tombolnya di bagian bawah.

Spesimen

pemicu + lembar

Lembar contoh

Tekan Esc untuk menutup, atau klik di luar. Coba juga tekan Tab berulang kali — fokusnya tidak akan keluar dari lembar ini.
lembarnya Tak terlihat sampai tombol di sebelah kiri ditekan — memang begitu maksudnya.

Pakai kalau

  • Ada satu pekerjaan pendek yang harus diselesaikan tanpa meninggalkan halaman.
  • Isinya sedang: satu-dua isian, bukan formulir panjang.

Jangan pakai kalau

  • Kamu meminta orang menyetujui sesuatu yang tak bisa dibatalkan. UiAlertDialog
  • Isinya panjang dan lebih enak dibaca dari sisi layar. UiDrawer

Kenapa begini

Ini lembar bawaan peramban, bukan kotak buatan sendiri. Artinya Esc menutupnya, fokus terkurung di dalam selama terbuka, dan latar di belakangnya keluar dari urutan Tab — tiga hal yang gratis di sini, dan hampir selalu salah kalau ditulis ulang.

Berkasnya
src/features/projects/shared/ui/UiSheet.astro
Pasal yang mengikat
belum terikat pasal mana pun