# Оверлеи

Используйте эту страницу, когда содержимое открывается поверх текущей страницы и главный выбор касается степени прерывания, поведения привязки и формы панели.

## Быстрые правила выбора

- Используйте [Tooltip](https://vega-ui.dev/ru/components/tooltip/) для коротких неинтерактивных подсказок.
- Используйте [Popover](https://vega-ui.dev/ru/components/popover/) для короткого привязанного немодального содержимого.
- Используйте [Dialog](https://vega-ui.dev/ru/components/dialog/) для сфокусированных модальных задач.
- Используйте [Drawer](https://vega-ui.dev/ru/components/drawer/) для сценариев в боковой панели, сохраняющих контекст страницы.
- Используйте [Sheet](https://vega-ui.dev/ru/components/sheet/) для удобных для касаний панелей или поведения нижней шторки.

## По силе взаимодействия

- Только подсказка: [Tooltip](https://vega-ui.dev/ru/components/tooltip/)
- Лёгкое контекстное содержимое: [Popover](https://vega-ui.dev/ru/components/popover/)
- Сильное модальное прерывание: [Dialog](https://vega-ui.dev/ru/components/dialog/)
- Боковой сценарий с сохранением контекста: [Drawer](https://vega-ui.dev/ru/components/drawer/)
- Выдвижная панель с приоритетом мобильных устройств: [Sheet](https://vega-ui.dev/ru/components/sheet/)

## Частые ошибки классификации

- Не используйте [Popover](https://vega-ui.dev/ru/components/popover/) для модальных или деструктивных сценариев.
- Не используйте [Dialog](https://vega-ui.dev/ru/components/dialog/), когда содержимое на самом деле ведёт себя как боковая панель или нижняя шторка.
- Не используйте [Tooltip](https://vega-ui.dev/ru/components/tooltip/) для интерактивного содержимого.
- Не используйте [Drawer](https://vega-ui.dev/ru/components/drawer/), когда задача должна ощущаться центрированной и ограниченной.
- Не используйте [Sheet](https://vega-ui.dev/ru/components/sheet/), если точки привязки (snap points) или поведение выдвижной панели не являются частью UX.

## С чего начать

- Быстрые контекстные действия: [Popover](https://vega-ui.dev/ru/components/popover/)
- Подтверждения и сфокусированные формы: [Dialog](https://vega-ui.dev/ru/components/dialog/)
- Фильтры, инспекторы, панели участников: [Drawer](https://vega-ui.dev/ru/components/drawer/)
- Оформление заказа или мобильные панели действий: [Sheet](https://vega-ui.dev/ru/components/sheet/)
- Дополнительные подсказки: [Tooltip](https://vega-ui.dev/ru/components/tooltip/)