import QtQuick
import QtQuick.Window
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true

    component CustomControl: Control { // you can use just a regular Button instead
        id: control
        hoverEnabled: true
        background: Rectangle {
            color: control.hovered ? 'red' : 'white'
            border.width: 1
        }
    }

    CustomControl {
        anchors.fill: parent
        onHoveredChanged: console.log('Outer hovered: ' + hovered)

        CustomControl {
            anchors.centerIn: parent
            width: parent.width / 2
            height: parent.height / 2
            onHoveredChanged: console.log('Inner hovered: ' + hovered)
        }
    }
}

qml: Outer hovered: true
qml: Inner hovered: true
qml: Outer hovered: false