ndelvalle / ng-cooltip

:cool: An angular module with a small collection of various hover tooltip

Home Page:http://ndelvalle.github.io/ng-cooltip/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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>

About

:cool: An angular module with a small collection of various hover tooltip

http://ndelvalle.github.io/ng-cooltip/

License:MIT License


Languages

Language:JavaScript 51.8%Language:CSS 40.6%Language:HTML 7.5%