Qt Quick Templates 2 QML Types

The Qt Quick Templates 2 module provides a set of non-visual templates that can be used to build user interface controls in QML using Qt Quick.

These types should be used when you want to implement a control from scratch, rather than customizing an existing control. This is most commonly the case when creating a custom style.

The QML types can be imported using the following import statement in your .qml file:

 import QtQuick.Templates as T

There is a one-to-one mapping between the types provided by the QtQuick.Templates and QtQuick.Controls imports. For every type available in the QtQuick.Controls import, a non-visual template type by the same name exists in the QtQuick.Templates import.

Note: It is recommended to use a namespace for the templates import to avoid overlap with the types provided by the QtQuick.Controls import.

QML Types

AbstractButton

Abstract base type providing functionality common to buttons

Action

Abstract user interface action

ActionGroup

Groups actions together

ApplicationWindow

Styled top-level window with support for a header and footer

BusyIndicator

Indicates background activity, for example, while content is being loaded

Button

Push-button that can be clicked to perform a command or answer a question

ButtonGroup

Mutually-exclusive group of checkable buttons

Calendar

A calendar namespace

CalendarModel

A calendar model

CheckBox

Check button that can be toggled on or off

CheckDelegate

Item delegate with a check indicator that can be toggled on or off

ComboBox

Combined button and popup list for selecting options

Container

Abstract base type providing functionality common to containers

Control

Abstract base type providing functionality common to all controls

DayOfWeekRow

A row of names for the days in a week

DelayButton

Check button that triggers when held down long enough

Dial

Circular dial that is rotated to set a value

Dialog

Popup dialog with standard buttons and a title, used for short-term interaction with the user

DialogButtonBox

A button box used in dialogs

Drawer

Side panel that can be opened and closed using a swipe gesture

Frame

Visual frame for a logical group of controls

GroupBox

Visual frame and title for a logical group of controls

HorizontalHeaderView

Provides a horizontal header view to accompany a TableView

ItemDelegate

Basic item delegate that can be used in various views and controls

Label

Styled text label with inherited font

Menu

Popup that can be used as a context menu or popup menu

MenuBar

Provides a window menu bar

MenuBarItem

Presents a drop-down menu within a MenuBar

MenuItem

Presents an item within a Menu

MenuSeparator

Separates a group of items in a menu from adjacent items

MonthGrid

A grid of days for a calendar month

Overlay

A window overlay for popups

Page

Styled page control with support for a header and footer

PageIndicator

Indicates the currently active page

Pane

Provides a background matching with the application style and theme

Popup

Base type of popup-like user interface controls

ProgressBar

Indicates the progress of an operation

RadioButton

Exclusive radio button that can be toggled on or off

RadioDelegate

Exclusive item delegate with a radio indicator that can be toggled on or off

RangeSlider

Used to select a range of values by sliding two handles along a track

RoundButton

A push-button control with rounded corners that can be clicked by the user

ScrollBar

Vertical or horizontal interactive scroll bar

ScrollIndicator

Vertical or horizontal non-interactive scroll indicator

ScrollView

Scrollable view

SelectionRectangle

Used to select table cells inside a TableView

Slider

Used to select a value by sliding a handle along a track

SpinBox

Allows the user to select from a set of preset values

SplitHandle

Provides attached properties for SplitView handles

SplitView

Lays out items with a draggable splitter between each item

StackView

Provides a stack-based navigation model

SwipeDelegate

Swipable item delegate

SwipeView

Enables the user to navigate pages by swiping sideways

Switch

Button that can be toggled on or off

SwitchDelegate

Item delegate with a switch indicator that can be toggled on or off

TabBar

Allows the user to switch between different views or subtasks

TabButton

Button with a look suitable for a TabBar

TextArea

Multi-line text input area

TextField

Single-line text input field

ToolBar

Container for context-sensitive controls

ToolButton

Button with a look suitable for a ToolBar

ToolSeparator

Separates a group of items in a toolbar from adjacent items

ToolTip

Provides tool tips for any control

TreeViewDelegate

A delegate that can be assigned to a TreeView

Tumbler

Spinnable wheel of items that can be selected

VerticalHeaderView

Offers a vertical header view to accompany a TableView

WeekNumberColumn

A column of week numbers