add book

Qt6QMLBeginnersCode/5.UserInput/1-TextInput/Main.qml

@@ -0,0 +1,82 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    width: 640
+    height: 480
+    visible: true
+    title: qsTr("TextInput")
+
+    Row {
+        x: 10; y: 10
+        spacing: 10
+
+        Rectangle {
+            id: firstNameRectId
+            width: firstNameLabelId.implicitWidth + 20
+            height: firstNameLabelId.implicitHeight + 20
+            color: "beige"
+
+            Text {
+                id: firstNameLabelId
+                anchors.centerIn: parent
+                text: "FirstName: "
+            }
+        }
+
+        Rectangle {
+            id: firstNameTextRectId
+            color: "beige"
+            width: firstNameTextId.implicitWidth + 20
+            height: firstNameTextId.implicitHeight + 20
+
+            TextInput {
+                id: firstNameTextId
+                anchors.centerIn: parent
+                focus: true
+                text: "Type in your first name"
+                onEditingFinished: {
+                    console.log("The first name changed to: " + text)
+                }
+            }
+        }
+    }
+
+    Row {
+        x: 10; y: 60
+        spacing: 10
+
+        Rectangle {
+            id: lastNameRectId
+            width: lastNameLabelId.implicitWidth + 20
+            height: lastNameLabelId.implicitHeight + 20
+            color: "beige"
+
+            Text {
+                id: lastNameLabelId
+                anchors.centerIn: parent
+                text: "LastName: "
+            }
+        }
+
+        Rectangle {
+            id: lastNameTextRectId
+            color: "beige"
+            width: lastNameTextId.implicitWidth + 20
+            height: lastNameTextId.implicitHeight + 20
+
+            TextInput {
+                id: lastNameTextId
+                anchors.centerIn: parent
+                focus: true
+                text: "Type in your last name"
+                onEditingFinished: {
+                    console.log("The last name changed to: " + text)
+                }
+            }
+        }
+    }
+}
+