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.1 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
Text label with standard font and styling suitable to captions
Chips represent complex entities in small blocks, such as a contact
Circular image
Utility functions for colors
Control to select a single date
Dialog to select a single date
Control to select a both date and time
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
Cards display content composed of different elements
A collection of helpful utility methods
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
Represents a split sidebar in a page, with its own title, actions, and color in the app bar
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
Control to select a time
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
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 | |
Text label with standard font and styling suitable to captions | |
Chips represent complex entities in small blocks, such as a contact | |
Circular image | |
Utility functions for colors | |
Control to select a single date | |
Dialog to select a single date | |
Control to select a both date and time | |
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 | |
Cards display content composed of different elements | |
A collection of helpful utility methods | |
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 | |
Represents a split sidebar in a page, with its own title, actions, and color in the app bar | |
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 | |
Control to select a time | |
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 |