ng-cooltip

An angular module with a small collection of various hover tooltip. This module is an angular wrapper of Tooltip Styles Inspiration.

Usage:

1. Install ng-cooltip from bower, npm or import script manually

   $ bower install ng-cooltip --save
   $ npm install ng-cooltip --save

2. Include the supplied JS file. Skip if you use Commonjs modules

   <!-- Bower -->
   <script type='text/javascript' src='bower_components/ng-cooltip/dist/ng-cooltip.min.js'></script>
   <!-- npm -->
   <script type='text/javascript' src='node_modules/ng-cooltip/dist/ng-cooltip.min.js'></script>

3. Include the supplied CSS file (or create your own CSS to override defaults)

   <!-- Bower -->
   <link rel='stylesheet' href='bower_components/ng-cooltip/dist/ng-cooltip.min.css' type='text/css' />
   <!-- npm -->
   <link rel='stylesheet' href='node_modules/ng-cooltip/dist/ng-cooltip.min.css' type='text/css' />

4. Add ng-cooltip dependency to your app

   angular.module('myApp', ['ng-cooltip'])

   If you use Commonjs modules:

   var ngCooltip = require('ng-cooltip');
   angular.module('myApp', [ngCooltip])

Attributes

| option | Description | Values | | ------------- |:----------------------------------------------:| ---------------------: | | cooltip-type | cooltip type and style | 'classic', 'box', 'round'| | cooltip-item | word / sentence that fires the tooltip | String | | cooltip-content | content on tooltip, it could be an html element| String / html element | | cooltip-effect | firing tooltip effect | [1-5] |

Usage example

<p>Lorem ipsum dolor sit amet, et perfecto deserunt <cooltip cooltip-type="classic" cooltip-item="'intellegam'" cooltip-content="'Vel ut solum erant dicit, eum te aperiam efficiendi, et eos alia eruditi persecuti. Ius ex omnis voluptatum'" cooltip-effect="1"></cooltip>nam, quem doming platonem vim no.</p>