aksesin.Design system
Coba prototype

Dialog

Modal berbasis elemen dialog bawaan peramban.

Basis: Elemen <dialog> asli dengan showModal(). Jebakan fokus, latar inert, tombol Escape, dan pseudo-elemen ::backdrop seluruhnya berasal dari peramban — JavaScript di sini hanya membuka dan menutup.

src/components/ui/dialog.tsx

Dasar

Kirim laporan sekarang?

Setelah dikirim, isi laporan tidak dapat diubah.

Kamu masih dapat menambahkan dokumen pendukung setelah laporan dikirim melalui halaman detail laporan.

Hapus laporan #2448?

Tindakan ini memindahkan laporan ke arsip selama 30 hari.

Berisi Formulir

Catatan verifikasi

Catatan hanya terlihat oleh tim internal.

Props

PropTipeBawaanKeterangan
triggerReactNode—Elemen yang membuka modal saat diklik.
titleReactNode—Judul modal.
descriptionReactNode—Keterangan di bawah judul.
childrenReactNode—Isi utama modal.
footerReactNode—Tombol aksi di kaki modal.
defaultOpenbooleanfalseMembuka modal saat komponen dipasang. Ditujukan untuk kebutuhan tangkapan layar.