npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@syncfusion/ej2-react-popups

v27.2.2

Published

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. for React

Downloads

32,424

Readme

ej2-react-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.

Popup

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. To acquire a license, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

Setup

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

npm install @syncfusion/ej2-react-popups

Components Included

Following list of components are available in the package

Dialog

Tooltip

Supported Frameworks

These components are available in following list of:

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

Use-case samples / Showcase samples

Key Features

Dialog

  • 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.

Tooltip

  • 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.

Support

Product support is available for through following mediums:

License

Check the license detail here.

Changelog

Check the changelog here.

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