Modals & Toasts Demo

Your changes have been saved and all systems are functioning properly.

We encountered an error while processing your request. Please try again later.

This action cannot be undone. Please confirm that you want to continue.

This is a larger modal with custom max-width property set to "xl".

Use different max-width values like: sm, md, lg, xl, 2xl, etc.

dxModal prop:\nmaxWidth: 'xl'

This modal will close when you click outside of it.

It has the close-on-click-outside property set to true.