---
<!-- Copyright © SixtyFPS GmbH <info@slint.dev> ; SPDX-License-Identifier: MIT -->
title: PopupWindow
description: PopupWindow element api.
---
import SlintProperty  from '/src/components/SlintProperty.astro';


```slint playground
export component Example inherits Window {
    width: 100px;
    height: 100px;

    popup := PopupWindow {
        Rectangle { height:100%; width: 100%; background: yellow; }
        x: 20px; y: 20px; height: 50px; width: 50px;
    }

    TouchArea {
        height:100%; width: 100%;
        clicked => { popup.show(); }
    }
}
```

Use this element to show a popup window like a tooltip or a popup menu.

Note: It isn't allowed to access properties of elements within the popup from outside of the `PopupWindow`.

## Properties

### close-policy
<SlintProperty propName="close-policy" typeName="enum" enumName="PopupClosePolicy" defaultValue="close-on-click" />
By default, a PopupWindow closes when the user clicks. Set this to false to prevent that behavior and close it manually using the `close()` function.

## Functions

### show()
Show the popup on the screen.

### close()
Closes the popup. Use this if you set the `close-policy` property to `no-auto-close`.
