romainberger / angular-qtip2-directive

Angular directive for Qtip2

Angular Qtip2 Directive

Angular directive for Qtip2

Usage

Install with npm

$ npm install angular-qtip2-directive --save

Install with Bower

$ bower install angular-qtip2-directive --save-dev

Include the script qtip2 into your app and add qtip2 as a module dependency to your app. Use the directive on the elements with the attribute qtip

<a href="/cool-stuff" qtip="Text to appear in the tip">Hover me</a>

List of attributes you can use:

• qtip-content or qtip: Content that will appear in the tip
• qtip-title: Title that will appear in the tip
• qtip-my: position of the tip arrow - optionnal: default to bottom center
• qtip-at: position of the tip - optionnal: default to top center
• qtip-class: class to use on the tip - optionnal: default to qtip
• qtip-visible: a scope variable to trigger the visibillity from extern

For more details about the options see the Qtip2 documentation