Tooltip

Overview

Tooltip is a four-part composite over the Navius Tooltip primitive (open-state and show/hide timing, portal, collision-aware positioning). ZitsTooltip wraps its own NaviusTooltipProvider (with a 0ms delay) around NaviusTooltip, so a lone <ZitsTooltip> works without an explicit <ZitsTooltipProvider>. ZitsTooltipTrigger renders NaviusTooltipTrigger. ZitsTooltipContent renders NaviusTooltipPositioner > NaviusTooltipPopup, with a NaviusTooltipArrow always rendered inside the popup (no override option). ZitsTooltipProvider renders a standalone NaviusTooltipProvider for sharing delay/skip-delay defaults across multiple tooltips.

Install

navius add tooltip --to ./src/MyApp --namespace MyApp.Ui

Usage

<ZitsTooltip>
    <ZitsTooltipTrigger class="...">Hover</ZitsTooltipTrigger>
    <ZitsTooltipContent>Add to library</ZitsTooltipContent>
</ZitsTooltip>

Parts and props

None of the four parts add a prop beyond what the composed Navius primitives already expose. ZitsTooltip forwards Open, OpenChanged, DefaultOpen, and DelayDuration to both the wrapped NaviusTooltipProvider and NaviusTooltip. ZitsTooltipContent forwards Side, Align, SideOffset, AlignOffset, AvoidCollisions, and Attributes to NaviusTooltipPositioner/NaviusTooltipPopup. ZitsTooltipProvider forwards DelayDuration, SkipDelayDuration, and DisableHoverableContent to NaviusTooltipProvider. ZitsTooltipTrigger forwards only ChildContent/Attributes.

Styling surface

ZitsTooltipContent and ZitsTooltipTrigger accept Attributes, merged via Cn.Merge with the caller’s classes applied last (the bundled arrow’s classes are fixed, not independently overridable). ZitsTooltip and ZitsTooltipProvider render no DOM of their own and take no Attributes. Do not add position classes to ZitsTooltipContent: the engine sets position, data-side, and the --anchor-*/--available-* vars. There are no variant/size parameters.

Data attribute hooks

Part	Attribute	Description
Content (popup)	`data-open`, `data-closed`, `data-side`	Drive the enter/exit zoom/fade and per-side slide-in, emitted by `NaviusTooltipPopup`.