Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


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

Import Statement: import QtQuick.Controls
Since: Qt 5.8



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.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded