Hey 👋
This is what a native dialog looks like!

What is working out of the box:

  1. close by ESC on desktop keyboard
  2. open by build-in JavaScript method
    showModal()
  3. close by build-in JavaScript method
    close()
  4. positioning to the center of the screen
  5. CSS support for a background after active modal by
    dialog::backdrop
  6. CSS support for styling active state by
    dialog[open]