ngx-tooltip

Бесплатно
Открытый исходный код

Сайт: github.com/pleerock/ngx-tooltip

ngx-tooltip — это небольшая библиотека для добавления всплывающих подсказок (tooltips) в приложения, построенные с использованием фреймворка Angular. Она представляет собой набор директив и компонентов, упрощающих привязку коротких подсказок к элементам пользовательского интерфейса, управление их отображением и позиционированием. Библиотека обычно ориентирована на упрощение интеграции подсказок без необходимости писать собственный код для расчёта положения и поведения в ответ на события мыши или фокуса.

Исторически подобные пакеты развивались как облегчённые альтернативы более крупным UI-библиотекам, предоставляя минимальный набор возможностей: текстовые подсказки, базовое управление задержкой показа/скрытия, привязку к хост-элементу и параметры позиционирования. Конкретная реализация ngx-tooltip может варьироваться; если официальной единой информации о пакете недостаточно, функциональность описана на основе типичных паттернов и общедоступных реализаций для Angular-подсказок.

  • Директивы для привязки: предоставляет директиву, которую можно добавить к любому элементу для отображения подсказки без дополнительного шаблона.
  • Компонент подсказки: отдельный компонент для рендеринга содержимого подсказки, поддерживающий простые текстовые и шаблонные вставки.
  • Позиционирование: настройка положения подсказки относительно хост-элемента (верх/низ/лево/право) с автоматическим подстраиванием при переполнении экрана.
  • Управление отображением: параметры задержки показа и скрытия, правила показа при наведении, фокусе или клике.
  • Адаптивность: корректная работа при изменении размера окна и прокрутке контейнеров.
  • Стилизация: возможность переопределения классов и стилей через CSS или параметры конфигурации.
  • Контент: поддержка простого текста, HTML-шаблонов Angular и привязки к динамическим значениям.
  • Управление доступностью: базовая поддержка атрибутов ARIA для совместимости с технологиями чтения с экрана.
  • Лёгкая интеграция: минимальные зависимости и простая установка в существующие Angular-проекты.
  • API событий: эмиссия событий при показе и скрытии подсказки для дополнительной логики в приложении.
Подробнее