import QtQuick 2.2 import org.kde.plasma.core 2.0 as PlasmaCore import org.kde.plasma.components 2.0 as PlasmaComponents Item { id: root property alias text: label.text property alias iconSource: icon.source property alias containsMouse: mouseArea.containsMouse property alias font: label.font signal clicked activeFocusOnTab: true property int iconSize: units.gridUnit * 2.5 implicitWidth: Math.max(iconSize + units.largeSpacing * 2, label.contentWidth) implicitHeight: iconSize + units.smallSpacing + label.implicitHeight opacity: activeFocus || containsMouse ? 1.5 : 0.97 Behavior on opacity { PropertyAnimation { // OpacityAnimator makes it turn black at random intervals duration: units.longDuration * 2 easing.type: Easing.InOutQuad } } PlasmaCore.IconItem { id: icon anchors { top: parent.top horizontalCenter: parent.horizontalCenter } width: iconSize height: iconSize colorGroup: PlasmaCore.ColorScope.colorGroup active: mouseArea.containsMouse || root.activeFocus } PlasmaComponents.Label { id: label anchors { top: icon.bottom topMargin: units.smallSpacing left: parent.left right: parent.right } horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignTop wrapMode: Text.WordWrap font.underline: root.activeFocus font.pointSize: config.fontSize font.family: config.font color:activeFocus || containsMouse ? config.highlight_color : config.color } MouseArea { id: mouseArea hoverEnabled: true onClicked: root.clicked() anchors.fill: parent } Keys.onEnterPressed: clicked() Keys.onReturnPressed: clicked() Keys.onSpacePressed: clicked() Accessible.onPressAction: clicked() Accessible.role: Accessible.Button Accessible.name: label.text }