FluentUI Controls QML Types
FluentUI Controls provides QML types for creating user interfaces.
FluentUI Controls QML types can be imported into your application using the following import statement in your .qml file:
import FluentUI.Controls
A configurable accent color with dark and light variants
An acrylic blur material effect overlay
A custom title bar designed for use with FramelessWindow
A lazy loader that creates components on demand
A text input field with auto-completion suggestions
An auto-cycling banner or carousel container
A breadcrumb navigation trail
A date picker with a calendar month view
A chart component powered by Chart.js supporting multiple chart types and animations
A compact chip or tag element
A shader effect that tints a source item with a solid color
A full-featured color picker with canvas and eyedropper
A container for themed Fluent color tokens
A singleton palette providing standard and Fluent Design colors
A modal dialog with animated appearance
A scrollable content page with standard padding
A state-aware background for controls
A text label with one-click copy functionality
A tabular data grid with sorting support
A date picker with month, day, and year tumblers
A modal dialog window
A button that opens a drop-down menu popup
A popup container for selection lists
A collapsible panel with animated content reveal
A fast Gaussian blur shader effect
An accent-colored filled action button
A flip-style items control that displays one item at a time
A singleton providing Fluent UI icon glyph constants
A focus rectangle indicator for controls
A frameless application window with Mica or Acrylic background
An animated highlight indicator for ListView items
A hot-reloadable loader that watches QML files for changes
A button styled as a hyperlink
An icon display component
An icon-only button
A label with an icon, designed for button content
A badge indicator that displays a count or a dot
A severity-colored notification bar for displaying messages
Manages a stack of InfoBar notifications
A state-aware input background visual
A context menu for text input operations
A linear gradient shader effect
A liquid glass refraction shader effect
A list item with leading and trailing content
A scrolling marquee text display
A multi-line text input control
A combo box with multiple selection support
A popup menu for navigation items
An individual navigation menu item
A complete navigation container with a sidebar
A numeric input control with spin buttons
An opacity mask shader effect
A page-level context object for navigation
A route-to-component mapping registry
A stack view controlled by a PageRouter
A page navigation control with page buttons
A navigation destination item
An expandable navigation item group
A navigation section header label
A navigation section divider
A parallax scrolling effect container
A password input field with obscured text
A pill-shaped rounded button
A button with an integrated progress indicator
A circular progress indicator
A QML syntax highlighter component
A QR code generator and display component
A radial gradient shader effect
A star-based rating input control
A grid view with pull-to-refresh support
A list view with pull-to-refresh support
A clipping container with rounded corners
An image view with rounded corners
A scrollable page container
A scrollable multi-line text input control
A single button within a SegmentedControl
A mutually exclusive segmented button group
A selection rectangle overlay
A drop shadow effect
A loading shimmer placeholder
A keyboard shortcut recorder control
A resizable split layout
A page wrapper for StackView navigation
A masonry or staggered grid layout
A Fluent Design standard button
Application entry point with routing support
A read-only code viewer with syntax highlighting
A tabbed document interface
A single-line text input control
A singleton providing the global Fluent Design theme configuration
A time picker with hour and minute tumblers
A vertical timeline for displaying chronological events
A checkable toggle button
A guided tour overlay for feature introduction, with a page indicator
A hierarchical tree data grid
A singleton providing the Fluent Design type ramp
A tiled watermark text overlay
A utility for launching windows and receiving results
A singleton for multi-window routing and navigation
A configurable accent color with dark and light variants | |
An acrylic blur material effect overlay | |
A custom title bar designed for use with FramelessWindow | |
A lazy loader that creates components on demand | |
A text input field with auto-completion suggestions | |
An auto-cycling banner or carousel container | |
A breadcrumb navigation trail | |
A date picker with a calendar month view | |
A chart component powered by Chart.js supporting multiple chart types and animations | |
A compact chip or tag element | |
A shader effect that tints a source item with a solid color | |
A full-featured color picker with canvas and eyedropper | |
A container for themed Fluent color tokens | |
A singleton palette providing standard and Fluent Design colors | |
A modal dialog with animated appearance | |
A scrollable content page with standard padding | |
A state-aware background for controls | |
A text label with one-click copy functionality | |
A tabular data grid with sorting support | |
A date picker with month, day, and year tumblers | |
A modal dialog window | |
A button that opens a drop-down menu popup | |
A popup container for selection lists | |
A collapsible panel with animated content reveal | |
A fast Gaussian blur shader effect | |
An accent-colored filled action button | |
A flip-style items control that displays one item at a time | |
A singleton providing Fluent UI icon glyph constants | |
A focus rectangle indicator for controls | |
A frameless application window with Mica or Acrylic background | |
An animated highlight indicator for ListView items | |
A hot-reloadable loader that watches QML files for changes | |
A button styled as a hyperlink | |
An icon display component | |
An icon-only button | |
A label with an icon, designed for button content | |
A badge indicator that displays a count or a dot | |
A severity-colored notification bar for displaying messages | |
Manages a stack of InfoBar notifications | |
A state-aware input background visual | |
A context menu for text input operations | |
A linear gradient shader effect | |
A liquid glass refraction shader effect | |
A list item with leading and trailing content | |
A scrolling marquee text display | |
A multi-line text input control | |
A combo box with multiple selection support | |
A popup menu for navigation items | |
An individual navigation menu item | |
A complete navigation container with a sidebar | |
A numeric input control with spin buttons | |
An opacity mask shader effect | |
A page-level context object for navigation | |
A route-to-component mapping registry | |
A stack view controlled by a PageRouter | |
A page navigation control with page buttons | |
A navigation destination item | |
An expandable navigation item group | |
A navigation section header label | |
A navigation section divider | |
A parallax scrolling effect container | |
A password input field with obscured text | |
A pill-shaped rounded button | |
A button with an integrated progress indicator | |
A circular progress indicator | |
A QML syntax highlighter component | |
A QR code generator and display component | |
A radial gradient shader effect | |
A star-based rating input control | |
A grid view with pull-to-refresh support | |
A list view with pull-to-refresh support | |
A clipping container with rounded corners | |
An image view with rounded corners | |
A scrollable page container | |
A scrollable multi-line text input control | |
A single button within a SegmentedControl | |
A mutually exclusive segmented button group | |
A selection rectangle overlay | |
A drop shadow effect | |
A loading shimmer placeholder | |
A keyboard shortcut recorder control | |
A resizable split layout | |
A page wrapper for StackView navigation | |
A masonry or staggered grid layout | |
A Fluent Design standard button | |
Application entry point with routing support | |
A read-only code viewer with syntax highlighting | |
A tabbed document interface | |
A single-line text input control | |
A singleton providing the global Fluent Design theme configuration | |
A time picker with hour and minute tumblers | |
A vertical timeline for displaying chronological events | |
A checkable toggle button | |
A guided tour overlay for feature introduction, with a page indicator | |
A hierarchical tree data grid | |
A singleton providing the Fluent Design type ramp | |
A tiled watermark text overlay | |
A utility for launching windows and receiving results | |
A singleton for multi-window routing and navigation |