Dialog is only supported in Safari 15.4 and newer. Use Modal component instead if you need to support older browsers.
Dialog Spacing
The inset spacing of the dialog’s header, body, and footer is adjustable.
Important Notes:Use the spacing prop to control the spacing. It can even be set to none to remove all spacing.Reference the Dialog schema for all options.
Demo
Twig
{% include '@bolt-components-dialog/dialog.twig' with {
content: content,
spacing: 'large',
attributes: {
id: 'dialog-spacing-1'
},
} only %}