Background Component Basic Usage Example of a default Background Component.
Important Notes: When adding an image to the Background Component always consider the contrast ratio between the foreground text and background image. The Background Component has a couple of options to add contrast, the Opacity prop, the Fill prop and the Gradient Utility class. Please refer to the documentation for more information.
Demo
Alt text.

Visualization & Simulation

Imagine the Future with Decision Hub

Continuously improve results by visualizing how future adjustments to your strategies can impact business performance. Simulate and test your ideas, evaluate the results using intuitive views, and then deploy optimal alterations.
Twig
{% include '@bolt-components-background/background.twig' with {
  opacity: 'medium',
  items: [
    image
  ]
} only %}
HTML
Not available in plain HTML. Please use Twig.