Компонент Modal для Angular | ng-hub-ui-modal

Доступный компонент modal для Angular с наложением, полноэкранным режимом, шаблонами, обработкой клавиатуры и CSS-переменными для standalone-приложений.

Обзор

Почему команды ищут эту библиотеку

Этот компонент modal для Angular создан для команд, которым нужны доступные диалоги, компонуемый контент, управление через сервис и стилизация, дружественная к дизайн-системам, в standalone-приложениях Angular.

Установка

npm install ng-hub-ui-modal

Перейти к

Идеально для

  • диалоги подтверждения
  • формы в оверлеях
  • панели деталей
  • наложенные рабочие процессы

О библиотеке modal

ng-hub-ui-modal решает одну из самых распространённых потребностей UI в продуктах Angular: открытие диалогов, которые надёжно ведут себя в продакшене. Он покрывает наложенные модальные окна, полноэкранные потоки, обработку клавиатуры, проекции и использование на основе сервиса, не превращая логику модальных окон в проблему каждого проекта.

Руководства по возможностям

Открытие модальных окон (типы контента)

Демонстрирует открытие модальных окон с контентом на основе TemplateRef, Component и String.

Настройка и опции

Настройка внешнего вида и поведения модального окна

Ссылка на модальное окно (HubModalRef)

Управление состоянием открытых модальных окон и доступ к нему

Активное модальное окно (HubActiveModal)

Взаимодействие с модальным окном изнутри его контента

Управление стеком

Управление несколькими наложенными модальными окнами

Ключевые возможности

Последние изменения

Version 21.0.2 - 3/31/26, 12:00 AM

changed: Standardized padding variables and improved fullscreen layout responsiveness.

Version 21.0.1 - 3/19/26, 12:00 AM

changed: Removed hardcoded design system token defaults from stylesheet; all --hub-modal-* variables retain literal fallback values.

fixed: Fixed modal-backdrop and modal unit test reliability.

Version 21.0.0 - 3/10/26, 12:00 AM

added: HubModalPlacement configuration for anchored modal positioning.

changed: BREAKING: Standardized CSS class names to hub-modal BEM convention.

Version 1.2.0 - 1/7/25, 12:00 AM

added: Documentation and examples update

Связанные библиотеки

ng-hub-ui-portal ng-hub-ui-utils