Add `ListWithIconForm` component

1 files changed, 43 insertions, 0 deletions

diff --git a/components/ListWithIconForm.ui.qml b/components/ListWithIconForm.ui.qml
new file mode 100644
index 0000000..c86a443
--- /dev/null
+++ b/components/ListWithIconForm.ui.qml
@@ -0,0 +1,43 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Item {
+    width: 360
+    height: 48
+    Layout.minimumWidth: 360
+    Layout.minimumHeight: 48
+
+    Row {
+        id: row
+        anchors.fill: parent
+        spacing: 8
+        padding: 0
+
+        Label {
+            id: listLabel
+            text: qsTr("List label with icon")
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            font.letterSpacing: 0.15
+            font.weight: Font.Medium
+            anchors.leftMargin: 16
+            font.pointSize: 16
+        }
+
+        ToolButton {
+            id: listButton
+            width: 24
+            height: 24
+            text: qsTr("List Tool Button")
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            padding: 0
+            display: AbstractButton.IconOnly
+            highlighted: false
+            anchors.rightMargin: 16
+            icon.name: "addIcon"
+            icon.source: "../icons/add-24px.svg"
+        }
+    }
+}