https://github.com/marinko-peso/vue-tippy-experiment
Experiment with wrapping tippy in Vue
https://github.com/marinko-peso/vue-tippy-experiment
Last synced: 25 days ago
JSON representation
Experiment with wrapping tippy in Vue
- Host: GitHub
- URL: https://github.com/marinko-peso/vue-tippy-experiment
- Owner: marinko-peso
- License: mit
- Created: 2019-11-05T17:44:52.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T05:05:48.000Z (about 2 years ago)
- Last Synced: 2025-02-13T16:19:23.748Z (3 months ago)
- Language: JavaScript
- Size: 2.36 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-tippy-experiment
Just an experiment with wrapping tippy in Vue.
This was just a proof of concept, use at your disposal.
## Usage
```
Tooltip On Me!
{{ tooltipContent }}
```
Simply wrap content that should be in tooltip.
Content can be sent as a template (only 1st level text supported for now), or as prop.
## Options
- `content` [string] - content for the tooltip, dynamic changes supported. If slot `#content` is also sent, it has priority (also dynamic).
- `top|bottom|left|right` [empty] - tooltip location, `top` by default.
- `display` [boolean] - manually toggle display of tooltip.
- `event` [string] - on what events shold tooltip trigger, divided by space. Example, and default, is `mouseenter focus`.
- `config` [object] - for all other settings tippy supports.
## License
MIT.