Popover
Импорт осуществляется из директории @salutejs/sdds-cs/beta.
Например:
import * as Beta from '@salutejs/sdds-cs/beta';
import { Popover } from '@salutejs/sdds-cs/beta';
Описание
Popover — всплывающее окно, привязанное к целевому элементу (target). Оно отображает дополнительный контент по клику, наведению или фокусу.
Компонент поддерживает настройку триггера, позиции, смещения, хвостика, задержек открытия и закрытия, портала и изменения размера.
Быстрый старт
Свойство target принимает ReactElement, а содержимое окна передаётся через children.
Примеры
- Trigger
- Resizable
- Portal
trigger определяет способ открытия: click (по умолчанию), hover или focus.
Передайте объект в resizable, чтобы задать начальный размер, ограничения и направления изменения размера.
portal задаёт контейнер для окна. Можно передать ref или id контейнера; без этого свойства окно рендерится перед </body>.