Fluid Controls QML Types
Fluid Controls provides QML types for creating user interfaces.
Fluid Controls QML types can be imported into your application using the following import statement in your .qml file:
import Fluid.Controls 1.0 as FluidControls
Represents an action shown in an action bar, context menu, or list
Alert dialogs are urgent interruptions to inform the user about a situation
Application tool bar
Application tool bar
A window that provides features commonly used for Material Design apps
Text label with standard font and styling suitable to body text
A sheet of paper that slides up from the bottom
A sheet of paper with actions and an optional title that slides up from the bottom
A sheet of paper with actions and an optional title that slides up from the bottom
Text label with standard font and styling suitable to captions
Cards display content composed of different elements
Circular image
Dialog to select a single date
Dialog with a picker to select dates and time
Text label with standard font and styling suitable to message box text
Text label with standard font and styling suitable to display text
A floating action button
Text label with standard font and styling suitable to headlines
Displays an icon from the Material Design icon collection, the platform's icon theme, or another (local or remote) location
Input dialogs ask the user to input data with certain constraints
A standard list item, with one or more lines of text and optional left and right items
Component
Navigation drawer slides in from the left and is a common pattern in apps
Navigation drawer slides in from the left and is a common pattern in apps
Background with noise
Ready made popup centered on its parent
Represents a page on the navigation page stack
Manages the page stack used for navigation
Shows a placeholder icon and text
Represents a Material Design ripple ink animation used in various touchable components
Provides a searchbar, that supports autocompletion and displays search results using cards
Showtable component
A sidebar component for use in adaptive layouts
Displays an image and smoothly fade when the source is changed
Displays an item and smoothly fade when the source is changed
Brief feedback about an operation
Subheaders are special list tiles that delineate distinct sections of a list or grid list
Text label with standard font and styling suitable to subheading
For tabbed pages
Page with tabs
A 1px high divider for use in lists and other columns of content
Dialog with a picker to select time
Text label with standard font and styling suitable to titles
With a extra features
Units
Provides a wave animation for transitioning between views of content
Utility functions for colors
A collection of helpful utility methods
Control to select a single date
Control to select a both date and time
Control to select a time
Represents an action shown in an action bar, context menu, or list | |
Alert dialogs are urgent interruptions to inform the user about a situation | |
Application tool bar | |
Application tool bar | |
A window that provides features commonly used for Material Design apps | |
Text label with standard font and styling suitable to body text | |
A sheet of paper that slides up from the bottom | |
A sheet of paper with actions and an optional title that slides up from the bottom | |
A sheet of paper with actions and an optional title that slides up from the bottom | |
Text label with standard font and styling suitable to captions | |
Cards display content composed of different elements | |
Circular image | |
Dialog to select a single date | |
Dialog with a picker to select dates and time | |
Text label with standard font and styling suitable to message box text | |
Text label with standard font and styling suitable to display text | |
A floating action button | |
Text label with standard font and styling suitable to headlines | |
Displays an icon from the Material Design icon collection, the platform's icon theme, or another (local or remote) location | |
Input dialogs ask the user to input data with certain constraints | |
A standard list item, with one or more lines of text and optional left and right items | |
Component | |
Navigation drawer slides in from the left and is a common pattern in apps | |
Navigation drawer slides in from the left and is a common pattern in apps | |
Background with noise | |
Ready made popup centered on its parent | |
Represents a page on the navigation page stack | |
Manages the page stack used for navigation | |
Shows a placeholder icon and text | |
Represents a Material Design ripple ink animation used in various touchable components | |
Provides a searchbar, that supports autocompletion and displays search results using cards | |
Showtable component | |
A sidebar component for use in adaptive layouts | |
Displays an image and smoothly fade when the source is changed | |
Displays an item and smoothly fade when the source is changed | |
Brief feedback about an operation | |
Subheaders are special list tiles that delineate distinct sections of a list or grid list | |
Text label with standard font and styling suitable to subheading | |
For tabbed pages | |
Page with tabs | |
A 1px high divider for use in lists and other columns of content | |
Dialog with a picker to select time | |
Text label with standard font and styling suitable to titles | |
With a extra features | |
Units | |
Provides a wave animation for transitioning between views of content | |
Utility functions for colors | |
A collection of helpful utility methods | |
Control to select a single date | |
Control to select a both date and time | |
Control to select a time |