fo-tooltip
A nice tooltip
Install
$ bower install fo-tooltip --save
Require
$ bower install beside --save
Usage
<link rel="stylesheet" href="bower_components/fo-tooltip/dist/css/fo-tooltip.css" /> <script src="bower_components/beside/dist/js/beside.js"></script> <script src="bower_components/fo-tooltip/dist/js/fo-tooltip.js"></script>
angular.module('app', ['foTooltip']);
Template-url
<div class="tooltip-demo" tooltip-position="top left" tooltip-class="hello" tooltip-template-url="tooltip-top-left.html" fo-tooltip > Top Left </div> <script id="tooltip-top-left.html" type="text/ng-template"> Top Left </script>
Template-str
<div class="tooltip-demo" tooltip-position="top left" tooltip-class="hello" tooltip-template-str="tooltip show me" fo-tooltip > Top Left </div>
Options
tooltip-position
set tooltip position- top left
- top center
- top center
- top left
- top right
- bottom center
- bottom left
- bottom right
- left center
- left top
- left bottom
- right center
- right top
- right bottom
tooltip-template-url
use template contenttooltip-template-str
use string contenttooltip-offset
offset base on tooltiptooltip-delay
delay after leave target or tooltipclick-hide
click target to hide tooltiptooltip-class
class for tooltip elementtooltip-id
id for tooltip elementtooltip-onclose
a function to be called when the tooltip is closed