ButtonStyle QML Type | Qt Quick Controls 5.4

- Qt 5.4
- Qt Quick Controls
- QML Types
- ButtonStyle QML Type
- Qt 5.4.2 Reference Documentation

# ButtonStyle QML Type

Provides custom styling for Button More...

Import Statement: | import QtQuick.Controls.Styles 1.3
Since: | Qt 5.1

- List of all members, including inherited members

## Properties

- background : Component
- control : Button
- label : Component

## Detailed Description

You can create a custom button by replacing the "background" delegate of the ButtonStyle with a custom design.

Example:

    Button {
        text: "A button"
        style: ButtonStyle {
            background: Rectangle {
                implicitWidth: 100
                implicitHeight: 25
                border.width: control.activeFocus ? 2 : 1
                border.color: "#888"
                radius: 4
                gradient: Gradient {
                    GradientStop { position: 0 ; color: control.pressed ? "#ccc" : "#eee" }
                    GradientStop { position: 1 ; color: control.pressed ? "#aaa" : "#ccc" }
                }
            }
        }
    }

If you need a custom label, you can replace the label item.

## Property Documentation

background : Component

This defines the background of the button.

read-onlycontrol : Button

The Button this style is attached to.

label : Component

This defines the label of the button.