{% include '@bolt-elements-button/button.twig' with {
content: 'Transparent dialog',
attributes: {
type: 'button',
'data-bolt-dialog-target': '#dialog-transparent',
}
} only %}
{% set dialog_content %}
{# Manually set the color theme (text + background color) #}
{% include '@bolt-components-dialog/dialog-body.twig' with {
content: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Mollitia aliquam distinctio optio debitis ab praesentium, velit magnam aliquid tenetur sequi ipsam maiores porro sapiente eaque. Maiores quibusdam eaque cupiditate placeat?',
attributes: {
class: 't-bolt-yellow',
},
} only %}
{% endset %}
{% include '@bolt-components-dialog/dialog.twig' with {
content: dialog_content,
transparent: true,
attributes: {
id: 'dialog-transparent'
},
} only %}