# FileDialog

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

Maui.ApplicationWindow
{
    id: root

    Maui.Page
    {
        showCSDControls: true
        anchors.fill: parent

        headBar.farLeftContent: ToolButton {
            icon.name: "document-single"
            onClicked: {
                dialog.openMode = true
                dialog.open()
            }
        }

        headBar.leftContent: ToolButton {
            icon.name: "document-save"
            onClicked: {
                dialog.openMode = false
                dialog.open()
            }
        }

        Label {
            id: label
            anchors.centerIn: parent
        }
    }

    FB.FileDialog
    {
        id: dialog
        property bool openMode
        mode: openMode? modes.OPEN : modes.SAVE

        onFinished: {
            var url = urls
            label.text = url.toString()
        }
    }
}

```

<figure><img src="https://3899745996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FED1v8xhNFPWKlgOCuryr%2Fuploads%2FXYFullTWBtP0Zl8v5ebq%2FControls-FileDialog-1.jpg?alt=media&#x26;token=136f4c31-baf1-4e69-a68c-e022e00bd41a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3899745996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FED1v8xhNFPWKlgOCuryr%2Fuploads%2FKWFR2lRRiggioQ8jgFfw%2FControls-FileDialog-2.jpg?alt=media&#x26;token=371ea167-4a26-4069-af5e-5106414b9ade" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3899745996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FED1v8xhNFPWKlgOCuryr%2Fuploads%2FLi0a2ycLDuzaTLAvZvwt%2FControls-FileDialog-3.jpg?alt=media&#x26;token=a5d057f4-702b-4eb0-b8d2-bc201c72ab28" alt=""><figcaption></figcaption></figure>

## Propiedades

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