> For the complete documentation index, see [llms.txt](https://docs.novaflowos.com/start/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novaflowos.com/start/mauikit/controles/popuppage.md).

# PopupPage

Abre una página flotante.

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

Maui.ApplicationWindow
{
    id: root

    Maui.Page {
        anchors.fill: parent

        showCSDControls: true

        Maui.PopupPage
        {
            id: popupPage
            hint: 1

            title: i18n("Title")

            Rectangle
            {
                anchors.left: parent.left
                anchors.right: parent.right
                height: 40
                radius: 4
                color: "mediumspringgreen"
            }

            Rectangle
            {
                anchors.left: parent.left
                anchors.right: parent.right
                height: 40
                radius: 4
                color: "deeppink"
            }
        }

        Button
        {
            anchors.centerIn: parent
            flat: true
            text: i18n("Open")
            onClicked: popupPage.open()
        }

    }
}

```

<figure><img src="https://3899745996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FED1v8xhNFPWKlgOCuryr%2Fuploads%2Fpq1ISML3pYZMNhqwslbI%2FControls-PopupPage.jpg?alt=media&amp;token=e88e2e82-66a7-465f-878e-b96c99f42d0e" alt=""><figcaption></figcaption></figure>

## Propiedades

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