C

Qt Quick Ultralite Motorcycle Cluster Demo

// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick

Item {
    id: root

    visible: !(value == "0")

    height: labelItem.height
    width: visible ? labelItem.width /*+ unitItem.width*/ + valueItem.width + 10 : 0

    property string label
    property string value
    property string unit

    Text {
        id: labelItem
        font.pixelSize: 24
        color: "#ffb6c1"
        text: root.label
    }

    Text {
        id: valueItem
        anchors.left: labelItem.right
        anchors.margins: 4

        font.pixelSize: 24
        color: "#ffb6c1"
        text: value
    }

    //     Text {
    //        id: unitItem
    //        anchors.left: valueItem.right

    //        font.pixelSize: 12
    //        color: "#ffb6c1"
    //        text: unit
    //     }
}