mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 05:52:41 +00:00
d5afd6beac
The UI is for demo purposes. Also architecture decisions are open for change Closes: #6321
38 lines
859 B
QML
38 lines
859 B
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
/// The control must be squared. User must set the \c width only, height will follow.
|
|
Item {
|
|
required property string name
|
|
property alias selected: iconButton.checked
|
|
property ButtonGroup mutuallyExclusiveGroup: null
|
|
|
|
implicitWidth: iconButton.implicitWidth
|
|
implicitHeight: iconButton.implicitWidth
|
|
height: width
|
|
|
|
Button {
|
|
id: iconButton
|
|
|
|
anchors.fill: parent
|
|
|
|
text: name.length ? name.charAt(0) : ""
|
|
|
|
flat: true
|
|
|
|
checkable: true
|
|
hoverEnabled: true
|
|
|
|
autoExclusive: true
|
|
ButtonGroup.group: mutuallyExclusiveGroup
|
|
|
|
background: Rectangle {
|
|
radius: width/2
|
|
border.width: 1
|
|
|
|
color: "#4360DF"
|
|
opacity: iconButton.checked ? 0.1 : iconButton.hovered ? 0.05 : 0
|
|
}
|
|
}
|
|
}
|