Angular 4 Tooltips Components
TypeScript JavaScript CSS HTML
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
tooltips-package
LICENSE
README.md

README.md

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


ng4-Tooltips

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.

        <app-tooltip
            [tooltip]="tooltip"
        ></app-tooltip>

That's all!

License

MIT


Cheers!