Expansion panel

[plfiorini]

https://material.io/guidelines/components/expansion-panels.html#

[edips]

This can be used as an alternative for expansion panel. Instead of ChackBox IconBox can be used.

        CheckBox{
            id:check
            height:40
            text:qsTr("Show more")
            checked: false
            }

Rectangle{
    id:narrowrect
    visible: check.checked
    anchors.horizontalCenter: parent.horizontalCenter
    height:50
    width:parent.width
}
Rectangle{
    id:expansionrect
    function visibility(){
    if (check.checked==true){
        return false
        }
    else{
        return true
        }
    }
    visible: visibility()
    anchors.horizontalCenter: parent.horizontalCenter
    height:300
    width:parent.width
    }