0.0.7 • Published 8 years ago

ng-cooltip v0.0.7

Weekly downloads
9
License
MIT
Repository
github
Last release
8 years ago

ng-cooltip Build Status

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

optionDescriptionValues
cooltip-typecooltip type and style'classic', 'box', 'round'
cooltip-itemword / sentence that fires the tooltipString
cooltip-contentcontent on tooltip, it could be an html elementString / html element
cooltip-effectfiring tooltip effect1-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>
0.0.7

8 years ago

0.0.6

8 years ago

0.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago