init

desktop/kadence_desktop/qml/components/StatTile.qml

@@ -0,0 +1,38 @@
+// One number, read at a glance. Not a chart.
+import QtQuick
+import QtQuick.Controls.Material
+import QtQuick.Layouts
+
+Pane {
+    property string label: ""
+    property string value: "—"
+    property string caption: ""
+    property color accent: Material.foreground
+
+    Material.elevation: 1
+    Material.roundedScale: Material.LargeScale
+    padding: 16
+    Layout.fillWidth: true
+
+    background: Rectangle {
+        radius: 16
+        color: Material.dialogColor
+        border.width: 1
+        border.color: Material.dividerColor
+    }
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 2
+        Label { text: label.toUpperCase(); font.pixelSize: 10; font.letterSpacing: 1; opacity: 0.6 }
+        Label { text: value; font.pixelSize: 26; font.weight: Font.Light; color: accent }
+        Label {
+            text: caption
+            visible: caption !== ""
+            font.pixelSize: 11
+            opacity: 0.7
+            Layout.fillWidth: true
+            elide: Text.ElideRight
+        }
+    }
+}