How to use
Highlight a message with a heading, a text and a button over a background image. Every field is optional. With an image, the text sits on top of the image, which is dimmed so the text stays readable. The banner follows the theme of the page or section it sits in.
Variants
Heading, text, button and background image
The block with every field filled in.
No image
Heading, text and button, without a background image. The banner shows the background of the page or section it sits in.
No button
Heading, text and background image, without a button.
Heading only
A heading, without text, button or image.
Image only
A background image, without heading, text or button.
Image without alternative text
A background image with no alternative text. Screen readers get the image's own description, or skip the image when it has none.
Layout preview
4 copies of one example in a layout block. Change the settings to see how the block fits each layout.