Qt
Internal/Contributor docs for the Qt SDK. Note: These are NOT official API docs; those are found at https://doc.qt.io/
Loading...
Searching...
No Matches
qtlabsstylekit-example.qdoc
Go to the documentation of this file.
1// Copyright (C) 2026 The Qt Company Ltd.
2// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
3
4/*!
5 \example stylekit
6 \examplecategory {User Interface Components}
7 \title StyleKit Example
8 \brief Shows how to style \l {Qt Quick Controls} using \l {Qt Labs StyleKit}{StyleKit}.
9 \ingroup qtquickcontrols-examples
10
11 \image qtlabsstylekit-example.webp
12 {StyleKit demo showing buttons, checkboxes, sliders, and settings}
13
14 This example shows how to style applications with \l {Qt Labs StyleKit}{StyleKit}.
15 It includes several styles that each demonstrate different aspects of styling:
16
17 \list
18 \li \b Plain - A minimal style with only the basics
19 \li \b Haze - An advanced style with multiple themes
20 \li \b Vitrum - A style targeting VR environments
21 \li \b CustomDelegates - A style demonstrating how to create overlays, underlays, and shader effects
22 \endlist
23
24 The example demonstrates, among other things, how to:
25
26 \list
27 \li Implement and switch between different styles.
28 \li Implement support for light and dark themes, as well as additional themes
29 such as high-contrast.
30 \li Use \l StyleVariation to provide alternative styling for
31 parts of the application.
32 \li Implement custom delegates to add overlay and underlay effects.
33 \li Apply shader-based visual effects to the controls.
34 \li Build custom controls using \l CustomControl and \l StyleReader.
35 \li Interact with a style at runtime, for example to change the
36 theme or adjust style properties like the background radius.
37 \endlist
38
39 \sa {Qt Labs StyleKit}, Style, Theme
40
41 \include examples-run.qdocinc
42
43 \note This example requires Qt Shader Tools, an optional library available
44 through the Qt Maintenance Tool.
45*/