Best Practices: Nest elements inside MouseArea or nest MouseArea inside element?

[boogerlad]

As the title says. What are the pros and cons of each way?

[p3c0]

Hi,

Can you give simple examples of what you want to say ?

[boogerlad]

@
MouseArea
{
width: 400
height: 100
Rectangle
{
anchors.fill: parent
color: "red"
Text
{
text: "btn"
}
}
onClicked:
{
console.log("hi I've been clicked")
}
}
@
vs
@
Rectangle
{
width: 400
height: 100
color: "red"
Text
{
text: "btn"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
console.log("hi I've been clicked")
}
}
}
@