Что это такое?
Tippy.js — это полноценная библиотека для веба, которая создаёт подсказки, всплывающие окна, выпадающие списки и меню. Она управляет их расположением и взаимодействием с пользователем для всех этих элементов интерфейса на основе одного общего движка.
Это обычная библиотека на JavaScript или мне нужен конкретный фреймворк?
В основе это библиотека на чистом JS, которая не привязана к конкретному фреймворку. Для популярных экосистем есть официальная обёртка для React и обёртка для Ember, которую поддерживает сообщество.
Как добавить её в свой проект?
Установите её через менеджер пакетов и импортируйте конструктор tippy вместе с базовым CSS, или обойдитесь без этапа сборки и подключите библиотеку из CDN unpkg, который уже включает этот CSS.
Использует ли она под капотом другую библиотеку?
Да, tippy.js построен на основе @popperjs/core, которая отвечает за математику позиционирования подсказок и меню.
Tippy.js всё ещё активно поддерживается?
Нет, репозиторий заархивирован, поэтому проект по сути заморожен: новых функций, исправлений ошибок и патчей безопасности в дальнейшем не ожидается.
Какие элементы интерфейса может создавать tippy.js помимо простых подсказок?
Тот же движок также используется для всплывающих окон, выпадающих списков, меню и виджетов в стиле комбобокса, и все они опираются на общую логику позиционирования и взаимодействия.
Есть ли готовые стили или нужно писать собственный CSS?
Вместе с библиотекой идёт базовый CSS-файл, который подключается вместе с JS, а сборка из CDN unpkg уже автоматически включает этот CSS.
Есть ли помощь при переходе между версиями tippy.js?
Да, в README есть ссылка на отдельное руководство «Migration Guide» по переходу между основными версиями.
Можно ли использовать tippy.js именно с React или Ember?
Да, есть официальная обёртка @tippyjs/react и неофициальная обёртка ember-tippy, созданная сообществом, для приложений на Ember.
What are similar projects?
floating-ui, Semantic-UI, downshift, material, tui.calendar, react-bootstrap, Semantic-UI-React, sweetalert2
Which topics is it in?
tooltip, dropdown, component-library, javascript-library, ui-components, deprecated, css, web-development, react, npm, frontend, library