Add sample qml application
[staging/HomeScreen.git] / sample-qml / imports / components / BoxHeading.qml
diff --git a/sample-qml/imports/components/BoxHeading.qml b/sample-qml/imports/components/BoxHeading.qml
new file mode 100644 (file)
index 0000000..bb2c62a
--- /dev/null
@@ -0,0 +1,37 @@
+/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import QtQuick 2.0
+import utils 1.0
+
+Row {
+    id: root
+
+    property color color: Style.blueViv
+    property alias fontSize: headingText.font.pixelSize
+    property alias text: headingText.text
+    property alias boxWidth: box.width
+    property alias boxHeight: box.height
+
+    spacing: 10
+
+    Rectangle {
+        id: box
+        anchors.bottom: headingText.baseline
+        anchors.bottomMargin: 0
+        width: 100
+        height: 16
+        color: root.color
+    }
+
+    Text {
+        id: headingText
+        font.family: "Source Sans Pro"
+        font.pixelSize: 22
+        font.weight: Font.Bold
+        color: root.color
+    }
+}