FluentUI QML Type
Attached property propagator for theme and visual settings. More...
| Import Statement: | import FluentUI.impl 1.0 |
Properties
- dark : bool
- highlightMoveDuration : int
- iconFamily : string
- minimumHeight : int
- primaryColor : QVariant
- radius : int
- textColor : color
- theme : var
Signals
- void darkChanged()
- void primaryColorChanged()
Detailed Description
\qmlattachedFluentUI
The FluentUI attached type propagates dark mode, primary color, corner radius, and other visual settings through the QML component tree. It is used as an attached property on any visual element, for example: FluentUI.dark, FluentUI.primaryColor.
Children automatically inherit the values set on their parent, making it simple to apply a consistent theme across an entire window or section.
Property Documentation
dark : bool
Whether dark mode is enabled for this element and its children.
highlightMoveDuration : int [default: 167]
The duration in milliseconds for highlight transition animations.
iconFamily : string
The icon font family to use for FluentUI icons within this element's subtree.
minimumHeight : int [default: 400]
The minimum window height enforced when this attached property is used on a Window.
primaryColor : QVariant
The primary accent color for this element and its children. The value can be a named color, a hex color code, or an integer index into the theme's palette.
radius : int
The default corner radius applied to controls within this element's subtree.
textColor : color
The default text color for this element and its children.
theme : var
The theme object providing color tokens and styling constants for this element's subtree.
Signal Documentation
void darkChanged()
Emitted when the dark property changes.
Note: The corresponding handler is onDarkChanged.
void primaryColorChanged()
Emitted when the primaryColor property changes.
Note: The corresponding handler is onPrimaryColorChanged.