Ui3nTooltip

Tooltip component for displaying additional information on hover or click.

Props

Name	Type	Default	Description
`id`	`string \| undefined`	—	Root element id
`modelValue`	`boolean \| undefined`	—	Whether tooltip is open
`content`	`string \| undefined`	—	Tooltip content
`maxContentWidth`	`string \| number \| undefined`	`400`	Maximum content width
`color`	`string \| undefined`	`"var(--color-bg-block-tritery-default)"`	Tooltip color
`textColor`	`string \| undefined`	`"var(--color-text-block-darkery-default)"`	Tooltip text color
`placement`	`Ui3nTooltipPlacement \| undefined`	`"top"`	Tooltip placement
`positionStrategy`	`"absolute" \| "fixed" \| undefined`	`"absolute"`	Position strategy
`offsetX`	`string \| number \| undefined`	`0`	Offset X
`offsetY`	`string \| number \| undefined`	`0`	Offset Y
`trigger`	`"click" \| "hover" \| "manual" \| undefined`	`"hover"`	Trigger type
`disabled`	`boolean \| undefined`	`false`	Whether tooltip is disabled

Events

Event Name	Arguments / Value Type	Description
`update:modelValue`	`value: boolean`	—
`close`		—
`open`		—
`opened`		—
`closed`		—

Slots

Slot Name	Scope Props (v-slot)	Description
`#default`	—	Default slot
`#content`	—	Content slot

Usage Examples

Simple tooltip

Basic tooltip on hover

Tooltip placements

Tooltips with different placements

Custom tooltip content

Tooltip with custom content slot