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 %}
HTML
Not available in plain HTML. Please use Twig.