Tooltip
Импорт осуществляется из директории @salutejs/sdds-insol-next/beta
К примеру:
import * as Beta from '@salutejs/sdds-insol-next/beta';
import { Tooltip } from '@salutejs/sdds-insol-next/beta';
Описание
Tooltip — это легковесное всплывающее окно, привязанное к целевому элементу (target), которое отображает краткую текстовую подсказку при наведении курсора, получении фокуса или клике.
В отличие от более универсального Popover, Tooltip предназначен исключительно для поясняющих сообщений, меток или коротких инструкций.
Быстрый старт
Взаимодействие с компонентом
Свойство target имеет тип ReactElement. Это цель для взаимодействия с всплывающим окном.
Контент всплывающего окна пробрасывается в children.
Примеры
- Trigger
- Portal
Свойство trigger принимает 3 значения: click, hover и focus. Поле опциональное, и click стоит по умолчанию.
Для настройки расположения всплывающего окна в DOM используется свойство portal. Особенно полезно при взаимодействии со scrollable-контейнерами.
По-умолчанию блок с выпадающим контентом рендерится на самом верхнем уровне перед тегом </body>.