Dialog is only supported in Safari 15.4 and newer. Use Modal component instead if you need to support older browsers.
Persistent Dialog
A persistent dialog is useful when creating paywall or subscription-wall.
Important Notes:Set the persistent prop to true to make a dialog persistent.When a dialog is persistent the default close button is not shown and clicking anywhere outside the dialog will not close the dialog.A close method is mandatory, make sure to manually add a trigger with the data-dialog-close attribute to close a persistent dialog or a link to navigate to another page in the dialog content.
Demo
Twig
{% include '@bolt-components-dialog/dialog.twig' with {
content: content,
persistent: true,
attributes: {
id: 'dialog-persistent-1'
},
} only %}