Tooltip

beta

Импорт beta-компонентов

Импорт осуществляется из директории @salutejs/sdds-cs/beta.
Например:
import * as Beta from '@salutejs/sdds-cs/beta';
import { Tooltip } from '@salutejs/sdds-cs/beta';

Описание

Tooltip — легковесное всплывающее окно, привязанное к целевому элементу (target). Оно предназначено для коротких пояснений, меток и инструкций.

Быстрый старт

Live Editor

Result

Open in CodeSandbox

Свойство target принимает ReactElement, а текст подсказки передаётся в children.

Примеры

Trigger

trigger принимает значения click (по умолчанию), hover и focus.

Live Editor

Result

Open in CodeSandbox

Portal

portal задаёт контейнер для подсказки. Можно передать ref или id контейнера; по умолчанию подсказка рендерится перед </body>.

Live Editor

Result

Open in CodeSandbox

API