Hover Card

Hover-triggered floating card (title + description).

ui overlay

Preview

Installation

npx slintcn@latest add hover-card

Usage

import { HoverCard } from "slintcn/components/hover-card.slint";

HoverCard {
    title: "@sofia";
    description: "Product designer. Building tools for makers.";
    Button { text: "@sofia"; }   // trigger = @children
}

Properties

title in string

Bold heading inside the card; empty string omits it.

description in string

Body text below the title; empty string omits it.

content-width in length

Pixel width of the floating card.

API

Accessibility

focusableno

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add hover-card.

← Dropdown Menu Menubar →