Angular 4 Tooltips Components
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
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!