# AppViews

```
import QtQuick 2.15
import QtQuick.Controls 2.15
import org.mauikit.controls 1.3 as Maui

Maui.ApplicationWindow
{
    id: root

    Maui.AppViews
    {
        id: _page
        anchors.fill: parent

        showCSDControls: true
        headBar.forceCenterMiddleContent: true

        Rectangle
        {
            Maui.AppView.title: "View1"
            Maui.AppView.iconName: "love"

            color: Maui.Theme.backgroundColor
        }

        Rectangle
        {
            Maui.AppView.title: "View2"
            Maui.AppView.iconName: "folder"
            Maui.AppView.badgeText: "30"
            color: Maui.Theme.backgroundColor
        }

        Rectangle
        {
            Maui.AppView.title: "View3"
            Maui.AppView.iconName: "tag"

            color: Maui.Theme.backgroundColor
        }
    }
}
```

<figure><img src="https://3899745996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FED1v8xhNFPWKlgOCuryr%2Fuploads%2FzRbBSWMKWVq0fKDrF9xZ%2FControls-AppViews.jpg?alt=media&#x26;token=b57fa8ee-3694-4df7-a4ed-c1e09b0baff4" alt=""><figcaption></figcaption></figure>

## Propiedades

{% embed url="<https://api.kde.org/mauikit/mauikit/html/classAppViews.html>" %}