Tooltip
Спливна підказка з інформацією про елемент, коли він отримує фокус клавіатури або на нього наводять курсор.
Використання
Довідник API
VoltTooltipArrow — volt-tooltip-arrow
| Вхід | Тип | За замовчуванням |
|---|---|---|
| padding | number | undefined | 4 |
| hidden | boolean | false |
VoltTooltip — [voltTooltip]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| voltTooltip | NgpOverlayContent<unknown> | string | null | null |
| placement | NgpTooltipPlacement | 'top' |
| offset | NgpOffset | 8 |
| delay | number | 300 |
| closeDelay | number | 100 |
| flip | NgpFlip | true |
| shift | NgpShift | true |
| container | HTMLElement | string | null | null |
| showOnOverflow | boolean | false |
| context | unknown | undefined |
| disabled | boolean | false |
| useTextContent | boolean | false |
| trackPosition | boolean | false |
| position | NgpPosition | null | null |
| scrollBehavior | 'reposition' | 'close' | 'reposition' |
| cooldown | number | 300 |
Код компонента
Встановити через CLI:
npx @voltui/cli add tooltipTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/tooltip.