https://github.com/upplication/angular-helptip

Simple floating tooltip for AngularJS
https://github.com/upplication/angular-helptip

Last synced: about 8 hours ago
JSON representation

Simple floating tooltip for AngularJS

• Host: GitHub
• URL: https://github.com/upplication/angular-helptip
• Owner: Upplication
• License: mit
• Created: 2016-06-08T08:08:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-06T10:54:39.000Z (almost 7 years ago)
• Last Synced: 2024-11-12T14:54:02.163Z (6 days ago)
• Language: JavaScript
• Homepage:
• Size: 68.4 KB
• Stars: 0
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# angular-helptip

Helptip is a simple floating tooltip for angular

## Instalation

```

$ yarn add angular-helptip

```

Include the files on your html

```html

  

  

  

```

And finally add it to your application dependencies

```js

angular.module('app', [ 'upp.helptip' ])

```

## Usage

Add it as an attribute html

```html



```


Also, if you are using `angular-translate` you can pass directly the translation key

insetad of using the `translate` filter

```html





```


Futhermore, you can add a timeout for when the cursor leaves the element that triggered the

tooltip to show. This way, the tooltip will not disapear until the given time has passed

since the cursor left the element.

```html





```


## Config

angular-helptip exposes a provider that allows configuring some of its internal values:

```js

angular.module('app', [ 'upp.helptip' ])

.config(function(helptipConfigProvider) {

	// Sets the class to be used

	helptipConfigProvider.className('helptip')

	// Determines if we should try to use $translate if available

	helptipConfigProvider.useTranslate(true)

	// Default timeout when using helptip-timeout config

	helptipConfigProvider.timeout(1000)

})

```