Liri Fluid API

Sidebar QML Type

A sidebar component for use in adaptive layouts More...

Import Statement: import Fluid.Controls 1.0

Properties

Detailed Description

To use, simply add an instance to your code, and anchor other components to it.

To show or hide, set the expanded property.

By default, the sidebar has a flickable built in, and whatever contents are added will be placed in the flickable. When you want this disabled, or want to fill the entire sidebar, set the autoFill property to false.

Examples:


  Item {
      property bool wideAspect: width > Units.gu(80)

      Sidebar {
          expanded: wideAspect

          // Anchoring is automatic
      }
  }

For more information you can read the Material Design guidelines.

Property Documentation

autoFlick : bool

Flick automatically.


edge : int

The text displayed for the action.


expanded : bool

Show or hide the sidebar.


header : alias

The text displayed as header.