Components/Modal Dialog (AppModal)
Modal Dialog (AppModal)
● Ready Web Nuxt 4 + Mobile React Native
Kotak dialog modal terisolasi untuk konfirmasi krusial (mis. Kumpulkan Try Out, Hapus Akun) dengan latar belakang blur, focus trap, dan penanganan tombol Escape.
Import
<AppModal v-model="isOpen" title="..." description="..." />Konfirmasi krusial
Sediakan tombol pembatalan yang jelas ("Lanjut Mengerjakan" / "Batal") di sebelah aksi utama pada setiap modal konfirmasi, dan jangan menampilkan modal secara mendadak tanpa dipicu oleh aksi sadar dari pengguna — Modal menghentikan alur sepenuhnya (latar belakang di-blur dan tidak bisa diklik), jadi kemunculannya harus selalu bisa dijelaskan dengan "karena Anda baru saja menekan X", bukan muncul sendiri (hindari pola annoying popup).
Modal Interactive Playground
Butuh detail props, events, dan slot?