Liri Fluid API

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

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

CaptionLabel

Text label with standard font and styling suitable to captions

Card

Cards display content composed of different elements

Chip

Chips represent complex entities in small blocks, such as a contact

CircleImage

Circular image

Color

Utility functions for colors

DatePicker

Control to select a single date

DatePickerDialog

Dialog to select a single date

DateTimePicker

Control to select a both date and time

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

PageSidebar

Represents a split sidebar in a page, with its own title, actions, and color in the app bar

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

TimePicker

Control to select a time

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

Utils

A collection of helpful utility methods

Wave

Provides a wave animation for transitioning between views of content