Add sample qml application

[staging/HomeScreen.git] / sample-qml / imports / components / Box.qml

diff --git a/sample-qml/imports/components/Box.qml b/sample-qml/imports/components/Box.qml
new file mode 100644 (file)
index 0000000..a2f2ae0
--- /dev/null
+++ b/sample-qml/imports/components/Box.qml
@@ -0,0 +1,49 @@
+/* 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
+
+Item {
+    id: root
+
+    opacity: 0.8
+    property color color: Style.grey
+    property color border: color
+    property string shadow: ""
+
+    OutShadow {
+        color: root.color
+        visible: root.shadow === "out"
+    }
+
+    Rectangle {
+        id: rect
+        anchors.fill: parent
+        color: Style.black
+        border.width: 1
+        border.color: root.border
+    }
+
+    InsetShadow {
+        color: root.color
+        visible: root.shadow === "fill"
+    }
+
+    InShadow {
+        color: root.color
+        visible: root.shadow === "in"
+    }
+
+    Rectangle {
+        visible: root.shadow === "fill"
+        anchors.fill: parent
+        color: "transparent"
+        border.width: 1
+        border.color: root.border
+    }
+
+}