import QtQuick 2.13 import QtQuick.Controls 2.13 import QtQml 2.14 import utils 1.0 Button { property string label: "My button" property color btnColor: Style.current.secondaryBackground property color btnBorderColor: "transparent" property int btnBorderWidth: 0 property color textColor: Style.current.blue property int textSize: 15 property bool disabled: false id: btnStyled width: txtBtnLabel.width + 2 * Style.current.padding height: 44 enabled: !disabled background: Rectangle { color: disabled ? Style.current.grey : hovered ? Qt.darker(btnStyled.btnColor, 1.1) : btnStyled.btnColor radius: Style.current.radius anchors.fill: parent border.color: btnBorderColor border.width: btnBorderWidth } StyledText { id: txtBtnLabel color: btnStyled.disabled ? Style.current.darkGrey : btnStyled.textColor font.pixelSize: btnStyled.textSize anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter text: btnStyled.label font.weight: Font.Medium } MouseArea { cursorShape: Qt.PointingHandCursor anchors.fill: parent onClicked: { parent.onClicked() } } }