https://github.com/hubspot/tooltip
CSS Tooltips built on Tether. #hubspot-open-source
https://github.com/hubspot/tooltip
Last synced: 9 months ago
JSON representation
CSS Tooltips built on Tether. #hubspot-open-source
- Host: GitHub
- URL: https://github.com/hubspot/tooltip
- Owner: HubSpot
- License: mit
- Created: 2013-12-18T00:39:54.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2016-11-28T14:17:18.000Z (over 9 years ago)
- Last Synced: 2025-10-06T00:08:14.285Z (9 months ago)
- Language: CSS
- Homepage: http://github.hubspot.com/tooltip/docs/welcome
- Size: 1.58 MB
- Stars: 712
- Watchers: 172
- Forks: 72
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
## Tooltip
[](http://badge.fury.io/gh/HubSpot%2Ftooltip)
Tooltip.js is a Javascript and CSS library for creating styleable tooltips.
## Install
__Dependencies__
* __[Tether](https://github.com/HubSpot/tether)__
* __[Drop](https://github.com/HubSpot/drop)__
Installing via `npm` and `bower` will bring in the above dependencies as well.
__npm__
```sh
$ npm install tether-tooltip
```
__bower__
```sh
$ bower install tether-tooltip
```
## Usage
```javascript
let tooltipInstance = new Tooltip({
target: document.querySelector('.tooltip-target'),
content: "My awesome content.",
classes: 'tooltip-tether-arrows',
position: 'top left'
})
```
[API Documentation](http://github.hubspot.com/tooltip)
[Demo](http://github.hubspot.com/tooltip/docs/welcome)
## Contributing
We encourage contributions of all kinds. If you would like to contribute in some way, please review our [guidelines for contributing](CONTRIBUTING.md).
## License
Copyright © 2015 HubSpot - [MIT License](LICENSE)