chrome:shell.skip

generated:catalog.entry.tooltip.title

generated:catalog.entry.tooltip.description

@xngui/components/tooltip
import { XTooltip } from '@xngui/components/tooltip';

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.pointer:
Hover
demo-preview:hints.category.assistive:
Tip
import { Component } from '@angular/core';
import { XButton } from '@xngui/components/button';
import { XTooltip } from '@xngui/components/tooltip';
 
@Component({
selector: 'app-example',
imports: [XButton, XTooltip],
templateUrl: './tooltip.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-tooltip-panel

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
id chrome:demo.api.required
string
—
Tooltip panel id used as `aria-describedby` on the trigger.
message
string
''
Plain-text tooltip body when `content` is unset.
content
TemplateRef<unknown> | null
null
Template tooltip body — wins over `message` when set.
size
XSize
—
Visual size tier — falls back to XConfigService when unset.
density
XDensity
—
Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.