---
metadata:
- name: generator
content: Diplodoc Platform v5.54.5
alternate:
- https://divkit.tech/docs/en/concepts/divs/2/div-tooltip.md
- https://divkit.tech/docs/ru/concepts/divs/2/div-tooltip.md
- href: ru/concepts/divs/2/div-tooltip.md
type: text/markdown
title: Markdown version
- href: ../../../llms.txt
type: text/markdown
title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt
# div-tooltip
Всплывающая подсказка.
## Параметры
| Параметры | Описание |
| --- | --- |
| `div` | **object**
Обязательный параметр.
Элемент, который будет показан в подсказке. Если внутри элемента есть подсказки, они не будут показываться.
Значение имеет тип `div`.
Доступные платформы: Android, iOS, веб.
Список возможных значений:
[div-image](div-image.md#div-image)[div-gif-image](div-gif-image.md#div-gif-image)[div-text](div-text.md#div-text)[div-separator](div-separator.md#div-separator)[div-container](div-container.md#div-container)[div-grid](div-grid.md#div-grid)[div-gallery](div-gallery.md#div-gallery)[div-pager](div-pager.md#div-pager)[div-tabs](div-tabs.md#div-tabs)[div-state](div-state.md#div-state)[div-custom](div-custom.md#div-custom)[div-indicator](div-indicator.md#div-indicator)[div-slider](div-slider.md#div-slider)[div-switch](div-switch.md#div-switch)[div-input](div-input.md#div-input)[div-select](div-select.md#div-select)[div-video](div-video.md#div-video) |
| `id` | **string**
Обязательный параметр.
Идентификатор подсказки. Используется, чтобы избежать повторного показа. Должен быть уникален для всех подсказок элемента.
Доступные платформы: Android, iOS, веб.
|
| `position` | **string**
Обязательный параметр.
Положение подсказки относительно элемента, к которому она относится.
Возможные значения: `left`, `top-left`, `top`, `top-right`, `right`, `bottom-right`, `bottom`, `bottom-left`, `center`.
Доступные платформы: Android, iOS, веб.
|
| `animation_in` | **object**
Анимация появления подсказки. По умолчанию подсказка будет появляться постепенно со смещением от якорной точки на 10 dp.
Значение имеет тип `div-animation`.
Доступные платформы: Android, iOS, веб.
|
| `animation_out` | **object**
Анимация исчезания подсказки. По умолчанию подсказка будет исчезать постепенно со смещением от якорной точки на 10 dp.
Значение имеет тип `div-animation`.
Доступные платформы: Android, iOS, веб.
|
| `background_accessibility_description` | **string**
Описание для доступности действия нажатия на фон тултипа.
Доступные платформы: iOS, веб.
|
| `bring_to_top_id` | **string**
Идентификатор элемента, который будет перенесен поверх подложки подсказки.
Доступные платформы: Android, iOS, веб.
|
| `close_by_tap_outside` | **bool**
Позволяет закрывать подсказку при нажатии за ее пределами.
Значение по умолчанию: `true`.
Доступные платформы: Android, iOS, веб.
|
| `duration` | **int**
Продолжительность видимости подсказки в миллисекундах. При значении `0` подсказка будет видна до тех пор, пока пользователь сам ее не скроет.
Ограничение для значения `x`: `x >= 0`.
Значение по умолчанию: `5000`.
Доступные платформы: Android, iOS, веб.
|
| `mode` | **object**
Режимы подсказки.
Значение имеет тип `div-tooltip-mode`.
Значение по умолчанию: `{ "type": "modal" }`.
Доступные платформы: Android, iOS, веб.
Список возможных значений:
[div-tooltip-mode-non-modal](div-tooltip-mode-non-modal.md#div-tooltip-mode-non-modal)[div-tooltip-mode-modal](div-tooltip-mode-modal.md#div-tooltip-mode-modal) |
| `offset` | **object**
Сдвиг относительно якорной точки.
Значение имеет тип `div-point`.
Доступные платформы: Android, iOS, веб.
|
| `substrate_div` | **object**
Элемент, который будет использоваться как подложка для тултипа.
Значение имеет тип `div`.
Доступные платформы: веб, Android, iOS.
Список возможных значений:
[div-image](div-image.md#div-image)[div-gif-image](div-gif-image.md#div-gif-image)[div-text](div-text.md#div-text)[div-separator](div-separator.md#div-separator)[div-container](div-container.md#div-container)[div-grid](div-grid.md#div-grid)[div-gallery](div-gallery.md#div-gallery)[div-pager](div-pager.md#div-pager)[div-tabs](div-tabs.md#div-tabs)[div-state](div-state.md#div-state)[div-custom](div-custom.md#div-custom)[div-indicator](div-indicator.md#div-indicator)[div-slider](div-slider.md#div-slider)[div-switch](div-switch.md#div-switch)[div-input](div-input.md#div-input)[div-select](div-select.md#div-select)[div-video](div-video.md#div-video) |
| `tap_outside_actions` | **array**
Задает действия, выполняемые при нажатии за пределами подсказки.
Доступные платформы: Android, iOS, веб.
|
JSON
```json
{
animation_in: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
animation_out: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
background_accessibility_description: "string",
bring_to_top_id: "string",
close_by_tap_outside: "bool",
div*: div,
duration: "int",
id*: "string",
mode: div-tooltip-mode,
offset: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
},
position*: "string",
substrate_div: div,
tap_outside_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
]
}
```