Playground GitHub npm

Tooltip

Hover bubble (inverted) in a PopupWindow that escapes parent bounds.

ui overlay

Preview

Installation

npx slintcn@latest add tooltip

Usage

import { Tooltip, TooltipSide } from "slintcn/components/tooltip.slint";

Tooltip {
    text: "Add to library";
    side: TooltipSide.top;
    Button { text: "Hover me"; }
}

Properties

text in string

Label rendered inside the bubble.

side in TooltipSide

Which edge of the trigger to anchor to — `top` (default), `right`, `bottom`, `left`.

API

TooltipSidetoprightbottomleft
Accessibility
focusableno

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add tooltip.