Why we should have a look on dialog element in html

Overview

Dialogs are an integral part of any user interface, be it the web, mobile, or any other that exists today.

Whenever you need any confirmation from the user? You just show the user a dialog with some selectable options. Whenever you want to gather some input from the user? You again present a dialog box with submittable form input.

You can use dialogs by installing JavaScript libraries in your project, and those are available in any kind of framework you are using. Third-party libraries are great, but they do come with an additional overhead to your project that not only adds a certain amount of complexity but also increases the overall bundle size of your app.

On top of this, you are going to install the entire library and yet you are only going to use a certain features of that library. This is not a great in my opinion.

That's where the browser's native <dialog> element comes into play. It's everything you will ever want in a dialog.