The Background Image is a component designed to create visually engaging sections by layering content over a specified image. It is functionally a specialized container, similar to a View, that provides a wrapper around an Image component to fill the container's dimensions.

Core Distinction

The fundamental difference between this and the standard Image component is that the Background Image component allows you to have children elements within it. This enables you to overlay Text, Views, or other components on top of the image itself.

Key Functionality

• Layering: Use this component to position other components, such as a header or a button, visually over the background graphic.
• Dynamic Data: You can display dynamic data by binding the image's source to a value using FQL.