- Fluid Reference Documentation
- Fluid Controls QML Types
- Fluid 1.0.0

# 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

##

Action | Represents an action shown in an action bar, context menu, or list
AlertDialog | Alert dialogs are urgent interruptions to inform the user about a situation
AppBar | Application tool bar
AppToolBar | Application tool bar
ApplicationWindow | A window that provides features commonly used for Material Design apps
BodyLabel | Text label with standard font and styling suitable to body text
BottomSheet | A sheet of paper that slides up from the bottom
BottomSheetGrid | A sheet of paper with actions and an optional title that slides up from the bottom
BottomSheetList | A sheet of paper with actions and an optional title that slides up from the bottom
CaptionLabel | Text label with standard font and styling suitable to captions
Card | Cards display content composed of different elements
CircleImage | Circular image
DatePickerDialog | Dialog to select a single date
DateTimePickerDialog | Dialog with a picker to select dates and time
DialogLabel | Text label with standard font and styling suitable to message box text
DisplayLabel | Text label with standard font and styling suitable to display text
FloatingActionButton | A floating action button
HeadlineLabel | Text label with standard font and styling suitable to headlines
Icon | Displays an icon from the Material Design icon collection, the platform's icon theme, or another (local or remote) location
InputDialog | Input dialogs ask the user to input data with certain constraints
ListItem | A standard list item, with one or more lines of text and optional left and right items
Loadable | Component
NavigationDrawer | Navigation drawer slides in from the left and is a common pattern in apps
NavigationListView | Navigation drawer slides in from the left and is a common pattern in apps
NoiseBackground | Background with noise
OverlayView | Ready made popup centered on its parent
Page | Represents a page on the navigation page stack
PageStack | Manages the page stack used for navigation
Placeholder | Shows a placeholder icon and text
Ripple | Represents a Material Design ripple ink animation used in various touchable components
SearchBar | Provides a searchbar, that supports autocompletion and displays search results using cards
Showable | Showtable component
Sidebar | A sidebar component for use in adaptive layouts
SmoothFadeImage | Displays an image and smoothly fade when the source is changed
SmoothFadeLoader | Displays an item and smoothly fade when the source is changed
SnackBar | Brief feedback about an operation
Subheader | Subheaders are special list tiles that delineate distinct sections of a list or grid list
SubheadingLabel | Text label with standard font and styling suitable to subheading
Tab | For tabbed pages
TabbedPage | Page with tabs
ThinDivider | A 1px high divider for use in lists and other columns of content
TimePickerDialog | Dialog with a picker to select time
TitleLabel | Text label with standard font and styling suitable to titles
ToolButton | With a extra features
Units | Units
Wave | Provides a wave animation for transitioning between views of content
Color | Utility functions for colors
Utils | A collection of helpful utility methods
DatePicker | Control to select a single date
DateTimePicker | Control to select a both date and time
TimePicker | Control to select a time