Back to Qt.io
Contact Us Blog Download Qt

RoundButton QML Type

A push-button control with rounded corners that can be clicked by the user. More...

Import Statement: import QtQuick.Controls 2.15
Since: Qt 5.8
Inherits:

Button

Properties

Detailed Description

RoundButton is identical to Button, except that it has a radius property which allows the corners to be rounded without having to customize the background.

RoundButton {
    text: "\u2713" // Unicode Character 'CHECK MARK'
    onClicked: textArea.readOnly = true
}

See also Customizing RoundButton and Button Controls.

Property Documentation

radius : real

This property holds the radius of the button.

To create a relatively square button that has slightly rounded corners, use a small value, such as 3.

To create a completely circular button (the default), use a value that is equal to half of the width or height of the button, and make the button's width and height identical.

To reset this property back to the default value, set its value to undefined.


© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.