feat(Popups): introduce `StatusMenuHeadline` component
This component can be used to group different sections within a popup menu. Usage: ```qml StatusPopupMenu { StatusMenuItem { text: "One" icon.name: "info" } StatusMenuHeadline { text: "Some text" } StatusMenuItem { text: "Two" icon.name: "info" } } ```
This commit is contained in:
parent
baefedb895
commit
246bec0d97
|
@ -0,0 +1,24 @@
|
||||||
|
import QtQuick 2.13
|
||||||
|
import QtQuick.Controls 2.13
|
||||||
|
|
||||||
|
import StatusQ.Core 0.1
|
||||||
|
import StatusQ.Core.Theme 0.1
|
||||||
|
|
||||||
|
MenuSeparator {
|
||||||
|
id: root
|
||||||
|
property string text
|
||||||
|
height: visible && enabled ? implicitHeight : 0
|
||||||
|
contentItem: Item {
|
||||||
|
implicitWidth: 176
|
||||||
|
implicitHeight: 16
|
||||||
|
StatusBaseText {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.leftMargin: 12
|
||||||
|
color: Theme.palette.baseColor1
|
||||||
|
font.pixelSize: 12
|
||||||
|
text: root.text
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -3,5 +3,6 @@ module StatusQ.Popups
|
||||||
StatusMenuSeparator 0.1 StatusMenuSeparator.qml
|
StatusMenuSeparator 0.1 StatusMenuSeparator.qml
|
||||||
StatusPopupMenu 0.1 StatusPopupMenu.qml
|
StatusPopupMenu 0.1 StatusPopupMenu.qml
|
||||||
StatusMenuItem 0.1 StatusMenuItem.qml
|
StatusMenuItem 0.1 StatusMenuItem.qml
|
||||||
|
StatusMenuHeadline 0.1 StatusMenuHeadline.qml
|
||||||
StatusModal 0.1 StatusModal.qml
|
StatusModal 0.1 StatusModal.qml
|
||||||
StatusModalDivider 0.1 StatusModalDivider.qml
|
StatusModalDivider 0.1 StatusModalDivider.qml
|
||||||
|
|
|
@ -15,6 +15,7 @@
|
||||||
<file>src/StatusQ/Popups/qmldir</file>
|
<file>src/StatusQ/Popups/qmldir</file>
|
||||||
<file>src/StatusQ/Popups/StatusPopupMenu.qml</file>
|
<file>src/StatusQ/Popups/StatusPopupMenu.qml</file>
|
||||||
<file>src/StatusQ/Popups/StatusMenuSeparator.qml</file>
|
<file>src/StatusQ/Popups/StatusMenuSeparator.qml</file>
|
||||||
|
<file>src/StatusQ/Popups/StatusMenuHeadline.qml</file>
|
||||||
<file>src/StatusQ/Popups/StatusMenuItem.qml</file>
|
<file>src/StatusQ/Popups/StatusMenuItem.qml</file>
|
||||||
<file>src/StatusQ/Popups/StatusModalDivider.qml</file>
|
<file>src/StatusQ/Popups/StatusModalDivider.qml</file>
|
||||||
<file>src/StatusQ/Components/qmldir</file>
|
<file>src/StatusQ/Components/qmldir</file>
|
||||||
|
|
Loading…
Reference in New Issue