From dd2d9dc91ad779f0fb46191c4ea25da94de1a36d Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Thu, 24 Jun 2021 15:01:24 +0700 Subject: Add `ListWithIconForm` component --- components/ListWithIconForm.ui.qml | 43 ++++++++++++++++++++++++++++++++++++++ qml.qrc | 1 + 2 files changed, 44 insertions(+) create mode 100644 components/ListWithIconForm.ui.qml 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" + } + } +} diff --git a/qml.qrc b/qml.qrc index a4617f1..37ba40d 100644 --- a/qml.qrc +++ b/qml.qrc @@ -26,5 +26,6 @@ icons/user-24px.svg pages/Home.qml pages/HomeForm.ui.qml + components/ListWithIconForm.ui.qml -- cgit v1.2.3