ActionTooltip
Maintainer:
amje
title
description
hotkey
disabled
trigger
placement
ActionTooltip — это простая текстовая подсказка, использующая в качестве якоря дочерний элемент. Для правильной работы элемент-якорь должен поддерживать события мыши и события получения или потери фокуса.
Использование
import {ActionTooltip} from '@gravity-ui/uikit';
<ActionTooltip title="Content">
<div tabIndex={0}>Anchor</div>
</ActionTooltip>;
Свойства
| Имя | Описание | Тип | Значение по умолчанию |
|---|---|---|---|
| children | Элемент-якорь для Tooltip. Должен принимать ref для передачи DOM-элемента. | React.ReactElement | |
| closeDelay | Время задержки в миллисекундах перед скрытием Tooltip после увода курсора с элемента. | number | 0 |
| openDelay | Время задержки в миллисекундах перед показом Tooltip после наведения курсора на элемент. | number | 250 |
| placement | Положение Tooltip относительно якоря. | PopupPlacement | |
| qa | HTML-атрибут data-qa, используется для тестирования. | string | |
| title | Текст заголовка для тултипа. | string | |
| description | Текст описания в тултипе. | string | |
| hotkey | Горячие клавиши, назначенные на действие в интерфейсе. | string | |
| id | Используется для реализации логики доступности. | string | |
| disablePortal | Отключает использование Portal для дочерних элементов. | boolean | |
| contentClassName | HTML-атрибут class для узла с содержимым. | string | |
| disabled | Блокирует открытие всплывающего окна. | boolean | false |