Angular 4 Tooltips Components
TypeScript JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

NB. Although functional, please note that this is an alpha / pre-beta release - Do NOT use in production


Differences between tympanus & this port:

The most important changes (beside the native angular 4 library / npm package format) are:

  • The ability to pass either text or a complete component

    That's right! Your tooltips can be as simple or as complex as you want!

  • Better control over tooltips styling

  • The ability to show tooltips either on click or on hover

Demo & Screenshots

How to use

  1. Create a new angular 2+ project. If you are using Angular CLI, just run this command in command line:

       ng new YOUR_PROJECT_NAME
  2. Install ng4-tooltips via NPM by running this command:

        npm install ng4-tooltips
  3. To add an item along with its tooltip, simply add the component tag, ie.


That's all!