Tooltip
Текст и направления
Задержки показа
Кастомный контент слотом
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
text | string | undefined | Текст подсказки |
placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | Предпочтительное направление появления |
openDelay | number | 200 | Задержка показа, мс |
closeDelay | number | 0 | Задержка скрытия, мс |
Описание
Тултип — короткая текстовая подсказка, появляющаяся при наведении курсора или фокусе на элементе. Используется для пояснения действия иконки или кнопки, когда объяснение не должно занимать место.
Использование: оберните элемент в C3Tooltip, передайте text (или контент слотом content). Направление задаётся prop placement, задержки — openDelay и closeDelay.
Дополнительная информация
- Слот по умолчанию — элемент-триггер, на который показывается подсказка.
- Слот
content— кастомный контент подсказки (если не задан, используетсяtext). - Подсказка телепортируется в
bodyи имеетrole="tooltip". - Показ по
mouseenter/focusin, скрытие поmouseleave/focusout/blur/Escape. - Позиция с авто-флипом при выходе за границы вьюпорта; пересчитывается при изменении размеров триггера.