Maybe we miss something and the solution is easy but we think we need a new property like "background" in GridLayout, ColumnLayout and RowLayout.

We often create new components using layouts. An example can be a box with text and images:

ColumnLayout {
    Text {
    }
    Text {
    }
    Image {
    }
}

But when we want to add a border or background it is no possible to add it into the Layout because it has a size and will change the size of the component. So what we currently do is something like that:

Rectangle {
    implicitHeight: layout.implicitHeight
    implicitWidth: layout.implicitWidth
    Layout....
    [...]
    ColumnLayout {
        id: layout
        anchors.fill: parent
        ....
    }
}

Forwarding all the size properties to let the component behave in a Layout like before is error-prone and often forgotten. So a background property can solve this?