mirror of
https://github.com/celesrenata/end-4-flakes.git
synced 2026-06-06 10:49:26 -05:00
Celes Renata
43 lines
1.2 KiB
QML
43 lines
1.2 KiB
QML
import qs.modules.common
|
|
import qs.modules.common.widgets
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
GroupButton {
|
|
id: button
|
|
property string buttonText: ""
|
|
property string buttonIcon: ""
|
|
|
|
baseWidth: content.implicitWidth + 10 * 2
|
|
baseHeight: 30
|
|
|
|
buttonRadius: baseHeight / 2
|
|
buttonRadiusPressed: Appearance.rounding.small
|
|
colBackground: Appearance.colors.colLayer2
|
|
colBackgroundHover: Appearance.colors.colLayer2Hover
|
|
colBackgroundActive: Appearance.colors.colLayer2Active
|
|
property color colText: toggled ? Appearance.m3colors.m3onPrimary : Appearance.colors.colOnLayer1
|
|
|
|
contentItem: Item {
|
|
id: content
|
|
anchors.fill: parent
|
|
implicitWidth: contentRowLayout.implicitWidth
|
|
implicitHeight: contentRowLayout.implicitHeight
|
|
RowLayout {
|
|
id: contentRowLayout
|
|
anchors.centerIn: parent
|
|
spacing: 5
|
|
MaterialSymbol {
|
|
text: buttonIcon
|
|
iconSize: Appearance.font.pixelSize.large
|
|
color: button.colText
|
|
}
|
|
StyledText {
|
|
text: buttonText
|
|
font.pixelSize: Appearance.font.pixelSize.small
|
|
color: button.colText
|
|
}
|
|
}
|
|
}
|
|
|
|
} |