inital switch control

2 files changed, 36 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
+        }
+    }
+}
diff --git a/framework/qmldir b/framework/qmldir
index 461bd653..691dbba8 100644
--- a/framework/qmldir
+++ b/framework/qmldir
@@ -21,6 +21,7 @@ ProgressBar 1.0 ProgressBar.qml
 StatusBar 1.0 StatusBar.qml
 ComboBox 1.0 ComboBox.qml
 CheckBox 1.0 CheckBox.qml
+Switch 1.0 as Switch.qml
 PositiveButton 1.0 PositiveButton.qml
 TextButton 1.0 TextButton.qml
 TextField 1.0 TextField.qml