- Fluid Reference Documentation
- Fluid 1.0.0

# SmoothFadeLoader QML Type

Displays an item and smoothly fade when the source is changed. More...

Import Statement: | import Fluid.Controls 1.0

- List of all members, including inherited members

## Properties

- fadeDuration : int
- running : bool
- source : url

## Detailed Description

This component loads an item with a Loader and smoothly fade to another item when the source URL is changed.

Items are loaded synchronously, also the item being hidden is not unloaded to avoid an unpleasant "flash" after the transition.

Example of usage:

      import QtQuick 2.10
      import Fluid.Controls 1.0

      Item {
          width: 640
          height: 480

          SmoothFadeLoader {
              anchors.fill: parent
              source: "MyComponent.qml"
              fadeDuration: 400

              MouseArea {
                  anchors.fill: parent
                  onClicked: parent.source = "AnotherComponent.qml"
              }
          }
      }

## Property Documentation

fadeDuration : int

Set this to change the fade animation time (in milliseconds). Default value is 250 ms.

[read-only] running : bool

This property holds whether the fade animation is running or not.

source : url

The item being displayed.

See also Loader::source.