https://github.com/samcrosoft/vue-tooltip
A Vue.js directive for creating tooltips using the tether and tether-drop plugin.
https://github.com/samcrosoft/vue-tooltip
Last synced: 5 months ago
JSON representation
A Vue.js directive for creating tooltips using the tether and tether-drop plugin.
- Host: GitHub
- URL: https://github.com/samcrosoft/vue-tooltip
- Owner: samcrosoft
- License: mit
- Created: 2016-02-04T12:37:31.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-10-18T05:08:09.000Z (about 9 years ago)
- Last Synced: 2024-11-19T01:29:13.970Z (about 1 year ago)
- Language: CSS
- Size: 5.86 KB
- Stars: 14
- Watchers: 2
- Forks: 5
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# VueTooltip
Tooltip plugin implemented for use with Vue.js.
This is a vue.js directive for the tooltip plugin.
## Usage
### Installation
Firstly, insert the vue.js script and then insert a reference to the following libraries as listed below
- [tether](https://github.com/HubSpot/tether)
- [drop](https://github.com/HubSpot/drop)
- [tooltip](https://github.com/HubSpot/tooltip)
And then insert a link to the vue-tooltip script
```html
```
### Use in your templates
You can insert a tooltip on any element using the tooltip directive
```html
```
You can specify all the attributes listed below for the tooltip
### Available Attributes
1. **position** - This is the position of the tooltip
- **type**: String
- **required** : false
- **default** : 'top left'
Acceptable options can be found in documentation for [tooltip](http://github.hubspot.com/tooltip/docs/welcome/)
2. **content** - This is the content to be displayed in the tooltip
- **type**: String
- **required** : false
- **default** : empty string ''
## License
This plugin is released under the [MIT Licence](https://opensource.org/licenses/MIT)