Dialog

Native <dialog> backed component + programmatic DgDialogService.

Inline dialogs

Basic dialog

This is a modal dialog using the native <dialog> element.

Esc to close, focus is trapped automatically by the browser.

Click outside to close

Click on the dimmed backdrop to close this dialog.

Anchored top

Dialog positioned near the top of the viewport.

Non-modal

This one uses el.show() instead of showModal().

The page behind stays interactive.

⚠ Delete this item?

Hành động này không thể hoàn tác.

Tất cả dữ liệu liên quan sẽ bị xoá vĩnh viễn.

Dialog Service (programmatic)