Logo FluentUI

Expander QML Type

A collapsible panel with animated content reveal. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Detailed Description

Expander provides a header area that the user can click to toggle the visibility of associated content. The content area animates open and closed with a smooth transition. The header can be customized with leading and trailing components.

Property Documentation

button : AbstractButton

The clickable button that toggles the expander state.

content : Component

A Component that creates the collapsible content area.

contentItem : Item

The instantiated content item, or null if not yet created.

expanded : bool

Whether the expander content is currently visible. Defaults to false.

header : Component

A Component that creates the custom header area. If set, this replaces the default header.

headerItem : Item

The instantiated header item, or null if not yet created.

leading : Component

A Component that creates content displayed at the leading edge of the header.

leadingItem : Item

The instantiated leading item, or null if not yet created.

title : string

The title text displayed in the expander header.

trailing : Component

A Component that creates content displayed at the trailing edge of the header.

trailingItem : Item

The instantiated trailing item, or null if not yet created.