Page QML Type

A styled page container with title header. More...

Import Statement: import FluentUI 1.0

List of all members, including inherited members

Properties

contentItem : Item
font : font
footer : Item
header : Item
padding : real
title : string

Detailed Description

Page is a QML component that extends QtQuick.Controls.Page with Fluent Design theme support. It provides a container for a full page of content with an optional title header and footer, styled with the current theme's background, typography, and spacing.

Usage Example

 import QtQuick
 import FluentUI

 Page {
     title: "Settings"
     padding: 24

     Label {
         text: "Page content"
         anchors.centerIn: parent
     }
 }

See also QtQuick.Controls.Page.

Property Documentation

contentItem : Item

The content item of the page. This property is inherited from QtQuick.Controls.Page.

font : font

The font used for the page title. This property is inherited from QtQuick.Controls.Page.

The footer item positioned at the bottom of the page. This property is inherited from QtQuick.Controls.Page.

header : Item

The header item positioned at the top of the page. This property is inherited from QtQuick.Controls.Page.

padding : real

The padding around the page content in pixels. This property is inherited from QtQuick.Controls.Page.

title : string

The title of the page, typically displayed in a header or title bar. This property is inherited from QtQuick.Controls.Page.

Contents