Dialog
The following buttons launch both possible option of Dialogs.
{{#dialog}}
{{> atoms-button-primary }}
{{/dialog}}
{{#modal-dialog}}
{{> atoms-button-primary }}
{{/modal-dialog}}
- Dialog: Shows an absolute positioned dialog on the screen
- Modal: Shows an absolute fixed dialog on the screen, which has a backdrop to chancel any
interference with the underlying content
Through the change to regular <dialog> elements greater flexibility could be achieved.
See MDN Dialog