Fluid
Loading...
Searching...
No Matches
Sidebar Class Reference

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

Inheritance diagram for Sidebar:
Inheritance graph
[legend]
Collaboration diagram for Sidebar:
Collaboration graph
[legend]

Detailed Description

A sidebar component for use in adaptive layouts.

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)
expanded: wideAspect
// Anchoring is automatic
}
}
A sidebar component for use in adaptive layouts.
Definition Sidebar.qml:46
Units.
Definition Units.qml:20

For more information you can read the Material Design guidelines.


The documentation for this class was generated from the following file: