status-desktop/ui/StatusQ/sandbox/pages/StatusSelectPage.qml

57 lines
1.2 KiB
QML

import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Popups 0.1
Column {
spacing: 20
ListModel {
id: commmonModel
ListElement {
name: "Pascal"
}
ListElement {
name: "Khushboo"
}
ListElement {
name: "Alexandra"
}
ListElement {
name: "Eric"
}
}
StatusBaseText {
font.pixelSize: 16
color: Theme.palette.dangerColor1
text: "This component should no longer be used.<br />Please, use `StatusComboBox` instead."
textFormat: Text.MarkdownText
}
StatusSelect {
id: select
label: "Some label"
model: commmonModel
menuDelegate: StatusAction {
assetSettings.name: "filled-account"
text: name
onTriggered: {
selectedItem.text = name
}
}
selectedItemComponent: StatusBaseText {
id: selectedItem
Layout.alignment: Qt.AlignCenter
color: Theme.palette.directColor1
}
}
}