Playground GitHub npm

Popover

Click-triggered floating panel; closes on click outside.

ui overlay

Preview

Installation

npx slintcn@latest add popover

Usage

import { Popover } from "slintcn/components/popover.slint";

Popover {
    title: "Dimensions";
    description: "Set the width and height.";
    Button { text: "Open popover"; }   // trigger = @children
}

Properties

title in string

Bold heading inside the popup; empty string omits it.

description in string

Body text below the title; empty string omits it.

content-width in length

Pixel width of the popup panel.

API

Accessibility
focusableyes
keyboardEscape
Escapedismisses

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add popover.