import QtCore import QtQuick import QtQuick.Controls import QtQuick.Controls.Basic import Qt5Compat.GraphicalEffects Button { id: myButton padding: 10 property bool toggled: false property alias source: image.source property alias fillMode: image.fillMode contentItem: Text { text: myButton.text horizontalAlignment: Text.AlignHCenter color: myButton.enabled ? theme.textColor : theme.mutedTextColor font.pixelSize: theme.fontSizeLarge Accessible.role: Accessible.Button Accessible.name: text } background: Item { anchors.fill: parent Rectangle { anchors.fill: parent color: "transparent" visible: myButton.toggled border.color: theme.backgroundLightest border.width: 1 radius: 10 } Image { id: image anchors.centerIn: parent mipmap: true width: 30 height: 30 } ColorOverlay { anchors.fill: image source: image color: myButton.hovered ? theme.textColor : "transparent" } } Accessible.role: Accessible.Button Accessible.name: text }