C

Qt Quick Ultralite Motorcycle Cluster Demo

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

Row {
    id: root
    property alias valueText: textValue.text
    property alias labelText: textLabel.text
    property color fontsColor

    spacing: 5
    Text {
        id: textLabel
        anchors.baseline: textValue.baseline
        font.pixelSize: 12
        font.family: "Barlow-mono"
        color: fontsColor
    }

    Text {
        id: textValue
        font.pixelSize: 24
        font.family: "Barlow-mono"
        color: fontsColor
    }

    StaticText {
        id: unit
        anchors.baseline: textValue.baseline
        font.pixelSize: 20
        font.family: "Barlow-mono"
        color: fontsColor
        text: "km"
    }
}