Composite Items in QML

README.md

Composite Items in QML

This is an example of how a Component can be injected into another Component so as to provide for composable items. This allows you to slot components into already established components for greater customisability. One may, for example, act as a shell/skeleton for another.

Usage

Run CompositeItem.qml using qmlscene; there are no other dependencies.

CompositeItem.qml

import QtQuick 2.3

Item {
    id: composite

    property Component body

    Row {
        anchors.fill: parent

        Rectangle {
            color: "brown"
            width: 50
            height: parent.height
        }

        Loader {
            width: parent.width - 50
            height: parent.height
            sourceComponent: composite.body
        }
    }

    body: Rectangle {
        height: 60

        color: "steelblue"
    }
}