How to get rounded corners of button in QML

mit_cruze

I want to get rounded corners of button

Eddy

Hi,

Did you already find the QML roundbutton ?

Eddy

c64zottel

@mit_cruze Or, if RoundButton is to strict, you can customize QtQuick.Controls 2.0 buttons like this:

Button {
    background: Rectangle {
        color: "chartreuse"
        border.width: 1
        border.color: "blue"
        radius: 20
    }

    text: "Round like this?"
}

Docs: https://doc.qt.io/qt-5/qml-qtquick-controls2-button.html

Mind the version of QtQuick.Controls 1.x != 2.x