inital switch control

1 files changed, 35 insertions, 0 deletions

diff --git a/framework/qml/Switch.qml b/framework/qml/Switch.qml
new file mode 100644
index 00000000..2803c84a
--- /dev/null
+++ b/framework/qml/Switch.qml
@@ -0,0 +1,35 @@
+import QtQuick 2.8
+import QtQuick.Templates 2.2 as T
+import org.kube.framework 1.0 as Kube
+
+
+T.Switch {
+    id: root
+
+    implicitWidth: indicator.width
+    implicitHeight: indicator.height
+
+    indicator: Item {
+        height: Kube.Units.gridUnit
+        width: Kube.Units.gridUnit * 2
+
+        Rectangle {
+            width: parent.width
+            height: parent.height
+            radius: 5
+            color: root.checked ? Kube.Colors.highlightColor : Kube.Colors.buttonColor
+        }
+
+        Rectangle {
+            height: parent.height
+            width: height
+
+            x: root.visualPosition * Kube.Units.gridUnit
+
+            radius: 5
+            color: Kube.Colors.viewBackgroundColor
+            border.width: 1
+            border.color: Kube.Colors.buttonColor
+        }
+    }
+}