status-desktop/ui/StatusQ/sandbox/controls/LoadingStates.qml

55 lines
1.3 KiB
QML

import QtQuick 2.15
import StatusQ.Controls 0.1
import StatusQ.Components 0.1
Column {
spacing: 10
StatusCheckBox {
id: loadingButton
text: checked ? "loaded": "loading"
checkState: Qt.Unchecked
}
StatusTextWithLoadingState {
font.pixelSize: 15
text: "Text is big"
loading: loadingButton.checked
width: 100
}
StatusTextWithLoadingState {
font.pixelSize: 22
text: "Text is big"
loading: loadingButton.checked
width: 200
}
component DeviceListItem: StatusListItem {
title: "Nokia 3310"
subTitle: "Incoming device"
asset.width: 40
asset.height: 40
asset.emoji: "😁"
asset.color: "hotpink"
asset.letterSize: 14
asset.isLetterIdenticon: true
}
DeviceListItem {
statusListItemSubTitle.loading: loadingButton.checked
}
DeviceListItem {
statusListItemSubTitle.loading: loadingButton.checked
statusListItemIcon.loading: loadingButton.checked
}
DeviceListItem {
statusListItemTitle.loading: loadingButton.checked
statusListItemSubTitle.loading: loadingButton.checked
statusListItemIcon.loading: loadingButton.checked
}
}