A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups.

Usage no npm install needed!

<script type="module">
  import syncfusionEj2Popups from 'https://cdn.skypack.dev/@syncfusion/ej2-popups';



The popup components such as dialog and tooltip are used to display information in a popup to users. The dialog component provides modal/non-modal (modeless), built-in buttons, positioning, animation, draggable, and template features and helps to create alert, prompt, and confirmation dialogs easily. The tooltip component is used to display a popup that contains some information or message when you hover, click, focus, or touch an element. The information displayed in the tooltip can include simple text, images, hyperlinks, or custom templates.


This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/?utm_source=npm&utm_campaign=popup). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials/?utm_source=npm&utm_campaign=popup).

A free community license (https://www.syncfusion.com/products/communitylicense/?utm_source=npm&utm_campaign=popup) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.


To install popup components and its dependent packages, use the following command

npm install @syncfusion/ej2-popups

Components Included

Following list of components are available in the package



Supported Frameworks

These components are available in following list of:

  1. Angular
  2. React
  3. Vue
  4. ASP.NET Core
  6. JavaScript (ES5)

Use-case samples / Showcase samples

Key Features


  • Modal - Displays the important information to users.
  • Positioning - Supports to customize its display position.
  • Animation - Offers to set animation effects on open and close the dialog.
  • Template - Provides an option to customize its header and footer.
  • Built-in buttons - Provides a built-in support to add buttons to its properties.


  • Positions - Allows you to display the tooltip in 12 different positions.
  • Animation - Supports animation effects while showing/hiding the tooltip.
  • Content - Assigns with static text, template, or loaded dynamically via AJAX.
  • Opening modes - Supports four opening modes such as hover, click, focus, and custom.
  • Smart positioning - Supports auto tip positioning.
  • Mouse trail - Moves along with mouse pointer using the mouse trailing option.
  • Sticky mode - Opens in sticky mode, and allows you to close/hide the Tooltip manually.


Product support is available for through following mediums:


Check the license detail here.


Check the changelog here.

© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.