Banner Dismiss
A button passed here will be placed in the top right of the banner.
Important Notes:The functionality of the button should be provided by the user.The button in the demo is the recommended style, any deviation may not be fully supported.
Demo
This is a banner component.
Twig
{% set icon_close %}
{% include '@bolt-elements-icon/icon.twig' with {
name: 'close',
} only %}
{% endset %}
{% set dismiss_button %}
{% include '@bolt-elements-button/button.twig' with {
content: 'Download',
icon_only: icon_close,
size: 'xsmall',
border_radius: 'full',
hierarchy: 'transparent',
attributes: {
type: 'button',
}
} only %}
{% endset %}
{% include '@bolt-components-banner/banner.twig' with {
content: 'This is a banner component.',
dismiss: dismiss_button,
} only %}