chore(sandbox): introduce StatusInputPage

ui/StatusQ/sandbox/Controls.qml

@@ -8,7 +8,7 @@ import StatusQ.Controls 0.1
 import Sandbox 0.1
 
 GridLayout {
-    columns: 6
+    columns: 1
     columnSpacing: 5
     rowSpacing: 5
 
@@ -143,32 +143,4 @@ GridLayout {
         to: 100
         value: 40
     }
-
-    StatusBaseInput {
-        placeholderText: "One line"
-    }
-
-    StatusBaseInput {
-        multiline: true
-        placeholderText: "Multiline"
-    }
-
-    StatusBaseInput {
-        multiline: true
-        placeholderText: "Multiline with static height"
-        implicitHeight: 100
-    }
-
-    Item {
-        implicitHeight: 300
-        implicitWidth: 300
-
-        StatusBaseInput {
-            anchors.centerIn: parent
-            multiline: true
-            placeholderText: "Multiline with max/min"
-            minimumHeight: 80
-            maximumHeight: 200
-        }
-    }
 }

ui/StatusQ/sandbox/StatusInputPage.qml

@@ -0,0 +1,39 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+import StatusQ.Core 0.1
+import StatusQ.Core.Theme 0.1
+import StatusQ.Controls 0.1
+
+import Sandbox 0.1
+
+Column {
+    spacing: 8
+
+    StatusBaseInput {
+        placeholderText: "Placeholder"
+    }
+
+    StatusBaseInput {
+        placeholderText: "Disabled"
+        enabled: false
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline"
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline with static height"
+        implicitHeight: 100
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline with max/min"
+        minimumHeight: 80
+        maximumHeight: 200
+    }
+}

ui/StatusQ/sandbox/main.qml

@@ -143,6 +143,11 @@ StatusWindow {
                             selected: page.sourceComponent == controlsComponent
                             onClicked: page.sourceComponent = controlsComponent
                         }
+                        StatusNavigationListItem { 
+                            title: "StatusInput" 
+                            selected: page.sourceComponent == statusInputPageComponent
+                            onClicked: page.sourceComponent = statusInputPageComponent
+                        }
                         StatusListSectionHeadline { text: "StatusQ.Components" }
                         StatusNavigationListItem { 
                             title: "List Items"
@@ -236,6 +241,11 @@ StatusWindow {
         Controls {}
     }
 
+    Component {
+        id: statusInputPageComponent
+        StatusInputPage {}
+    }
+
     Component {
         id: listItemsComponent
         ListItems {}

ui/StatusQ/sandbox/qml.qrc

@@ -9,6 +9,7 @@
         <file>ListItems.qml</file>
         <file>StatusChatInfoToolBarPage.qml</file>
         <file>StatusPopupMenuPage.qml</file>
+        <file>StatusInputPage.qml</file>
         <file>ThemeSwitch.qml</file>
         <file>Layout.qml</file>
         <file>Popups.qml</file>