Revision control
++ // Copyright (C) 2026 The Qt Company Ltd.
++ // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
++
++ import QtQuick
++ import Qt.labs.StyleKit
++
++ ApplicationWindow {
++ id: app
++ width: 1024
++ height: 800
++ visible: true
++
++ StyleKit.style:
++ //! [custom control style]
++ // MyStyle.qml
++
++ Style {
++ id: style
++ readonly property int myControlType: 0
++ CustomControl {
++ controlType: style.myControlType
++ background {
++ width: 120
++ height: 30
++ radius: 0
++ }
++ hovered.background.color: "lightslategray"
++ pressed.background.color: "skyblue"
++ }
++ }
++ //! [custom control style]
++
++ //! [custom control]
++ // Main.qml
++
++ component MyControl : Rectangle {
++ StyleReader {
++ id: styleReader
++ controlType: StyleKit.style.myControlType
++ hovered: hoverHandler.hovered
++ pressed: tapHandler.pressed
++ palette: app.palette
++ }
++
++ HoverHandler { id: hoverHandler }
++ TapHandler { id: tapHandler }
++
++ implicitWidth: styleReader.background.width
++ implicitHeight: styleReader.background.height
++ color: styleReader.background.color
++ radius: styleReader.background.radius
++
++ Text {
++ font: styleReader.font
++ anchors.centerIn: parent
++ text: "ok"
++ }
++ }
++ //! [custom control]
++
++ // The rest of the file is not a part of the docs. It just implements a small
++ // UI to allow testing the style from the command line using the 'qml' app.
++
++ ScrollView {
++ anchors.fill: parent
++ Column {
++ anchors.fill: parent
++ anchors.margins: 10
++ spacing: 10
++
++ MyControl {
++ }
++
++ }
++ }
++ }