W3cubDocs

/Qt

ToolButton QML Type

Button with a look suitable for a ToolBar. More...

Import Statement: import QtQuick.Controls
Since: Qt 5.7
Inherits:

Button

Detailed Description

ToolButton is functionally similar to Button, but provides a look that is more suitable within a ToolBar.

ToolBar {
    RowLayout {
        anchors.fill: parent
        ToolButton {
            text: qsTr("‹")
            onClicked: stack.pop()
        }
        Label {
            text: "Title"
            elide: Label.ElideRight
            horizontalAlignment: Qt.AlignHCenter
            verticalAlignment: Qt.AlignVCenter
            Layout.fillWidth: true
        }
        ToolButton {
            text: qsTr("⋮")
            onClicked: menu.open()
        }
    }
}

ToolButton inherits its API from AbstractButton. For instance, you can set text, display an icon, and react to clicks using the AbstractButton API.

See also ToolBar, Customizing ToolButton, and Button Controls.

© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-6.2/qml-qtquick-controls2-toolbutton.html