COMPONENT / OVERLAYS
Alert Dialog.
Minta konfirmasi sebelum tindakan.
Preview
PHP view
<?= component('alert-dialog', ['title' => 'Made for your next idea', 'text' => 'Small, understandable components. Native PHP, ready for the browser.', 'label' => 'Try this component']) ?>Usage
Minta konfirmasi sebelum tindakan. Saat dialog ditutup, periksa returnValue confirm atau cancel lalu jalankan POST yang diotorisasi. Tombol Confirm tidak menghapus data otomatis.
- Gunakan layout DL yang sudah memuat CSS dan dl.js.
- Letakkan kode berikut di view PHP Anda.
- Ganti data contoh dengan nilai aplikasi. Teks di-escape otomatis.
PHP view
<?= component('alert-dialog', ['title' => 'Made for your next idea', 'text' => 'Small, understandable components. Native PHP, ready for the browser.', 'label' => 'Try this component']) ?>API reference
Props PHP yang didukung implementasi DL. Field di dalam array mengikuti bentuk pada kolom Type. Props yang tidak dicantumkan tidak menjadi bagian API komponen.
| Prop | Type / values | Panduan |
|---|---|---|
label | string | Teks label, pemicu, atau nama aksesibel komponen. |
title | string | Judul konten yang ditampilkan. |
text | string | Isi teks biasa; HTML di-escape. |
id | string | ID unik DOM. Jika tidak diberikan, template memakai ID otomatis atau nama field. |
confirmLabel | string | Teks tombol konfirmasi (default Confirm). |
Behavior & accessibility
Fokus awal pada Cancel. Escape menutup dialog tanpa mengonfirmasi.
Uji keyboard, fokus, dan pembaca layar pada halaman aplikasi Anda. Contoh ini tidak menggantikan audit aksesibilitas aplikasi secara menyeluruh.
Source & agent context
Source tersedia di views/components/alert-dialog.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component alert-dialog