Tooltip

Текст и направления

Задержки показа

Кастомный контент слотом

Входные параметры

ИмяТипПо умолчаниюОписание
textstringundefinedТекст подсказки
placement'top' | 'bottom' | 'left' | 'right''top'Предпочтительное направление появления
openDelaynumber200Задержка показа, мс
closeDelaynumber0Задержка скрытия, мс

Описание

Тултип — короткая текстовая подсказка, появляющаяся при наведении курсора или фокусе на элементе. Используется для пояснения действия иконки или кнопки, когда объяснение не должно занимать место.

Использование: оберните элемент в C3Tooltip, передайте text (или контент слотом content). Направление задаётся prop placement, задержки — openDelay и closeDelay.

Дополнительная информация

  • Слот по умолчанию — элемент-триггер, на который показывается подсказка.
  • Слот content — кастомный контент подсказки (если не задан, используется text).
  • Подсказка телепортируется в body и имеет role="tooltip".
  • Показ по mouseenter / focusin, скрытие по mouseleave / focusout / blur / Escape.
  • Позиция с авто-флипом при выходе за границы вьюпорта; пересчитывается при изменении размеров триггера.
×