Tooltip · Caderno UI

Focus or hover

Share note

open

boolean

false

position

CadTooltipPosition

'top'

text

string

open

boolean

open

yes

position

CadTooltipPosition

position

yes

text

string

text

(default)

Tooltip trigger. Use one naturally focusable element.

content

Rich tooltip text. Falls back to the `text` attribute.

base

Tooltip positioning container.

bubble

Tooltip surface.

trigger

Trigger slot container.

--cad-tooltip-bg

Per-instance tooltip background.

--cad-tooltip-ink

Per-instance tooltip foreground.

--cad-tooltip-z-index

Per-instance tooltip stacking level.

Use one focusable trigger. Keep the hint short and non-interactive. For links or controls, use Popover.