Extends Item


A material style button.

The following shows examples of the raised and flat button styles.

property Bool enabled: true

True if the button is enabled, otherwise false.

property Material.Button.Style style: .Raised

The button style.


A raised button style.


A flat button style.

property String label: "BUTTON"

The label text to show.

property Color color: #teal

property Color secondaryColor: #white

The button colors.

The primary color value controls the button background in the Raised style, and the button text color in the Flat style.

The secondary color value defines the text color in the Raised style and has no effect in the Flat style.

Material.Button {
    color: #orange
    secondaryColor: #black

event activated()

Emitted when the button is activated.