FluentUI QML Types

To run your application with the FluentUI style, add the following in the main function:

 qputenv("QT_QUICK_CONTROLS_STYLE", "FluentUI");

Or add the following in a single .qml file:

 import FluentUI

Button	A styled push button with Fluent Design theming
CheckBox	A styled check box with Fluent Design indicator
ComboBox	A styled combo box with Fluent Design dropdown
DelayButton	A styled delay/hold button with progress fill animation
Dial	A styled dial/knob control with Fluent Design theming
Dialog	A styled dialog with Fluent Design theming and enter/exit animations
DialogButtonBox	A styled dialog button box for organizing dialog actions
Drawer	A styled slide-in drawer panel with Fluent Design theming
Frame	A styled frame container with border and corner radius
GroupBox	A styled group box container with title label
HorizontalHeaderView	A styled horizontal table header view
ItemDelegate	A styled item delegate for list and table views
Label	A styled text label with Fluent Design typography
Menu	A styled popup menu with Fluent Design theming
MenuBar	A styled menu bar with Fluent Design theming
MenuBarItem	A styled menu bar item with Fluent Design theming
MenuItem	A styled menu item with Fluent Design theming
MenuSeparator	A styled menu separator line
Page	A styled page container with title header
PageIndicator	A styled page indicator with a smooth pill-based active indicator
Pane	A styled pane container with Fluent Design theming
Popup	A styled popup container for overlays
ProgressBar	A styled progress bar with determinate and indeterminate modes
RadioButton	A styled radio button with a Fluent Design indicator
RangeSlider	A styled dual-handle range slider with Fluent Design
ScrollBar	A styled scroll bar with Fluent Design
SelectionRectangle	A styled selection rectangle with drag handles
Slider	A styled slider with a Fluent Design handle
SpinBox	A styled numeric spin box with increment and decrement controls
SplitView	A styled split view, providing an alias for SplitLayout
StackView	A styled stack view for page-based navigation
Switch	A styled toggle switch with a Fluent Design indicator
TabBar	A styled tab bar with animated accent highlight
TabButton	A styled tab button for use in a TabBar
TextArea	A styled multi-line text input area
TextField	A styled text input field, providing an alias for TextBox
ToolBar	A styled toolbar container
ToolTip	A styled tooltip
TreeViewDelegate	A styled tree view item delegate
Tumbler	A styled tumbler/picker wheel
VerticalHeaderView	A styled vertical table header view