New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

balloon-css

Package Overview
Dependencies
Maintainers
1
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

balloon-css - npm Package Compare versions

Comparing version

to
0.4.0

2

package.json
{
"name": "balloon-css",
"version": "0.3.0",
"version": "0.4.0",
"description": "Simple tooltips made of pure CSS",

@@ -5,0 +5,0 @@ "author": "Claudio Holanda",

@@ -10,2 +10,8 @@ [![npm version](https://badge.fury.io/js/balloon-css.svg)](https://www.npmjs.com/package/balloon-css)

## Demo & Playground
You can play with Balloon.css here: https://jsfiddle.net/9fboea3u/
You also can check more examples at the website: http://kazzkiq.github.io/balloon.css/
## Usage

@@ -42,2 +48,13 @@

### Showing tooltips programatically
If you want to show tooltips even when user interaction isn't happening, you can simply use the `data-balloon-visible` attribute:
```html
<button data-balloon="Whats up!" data-balloon-pos="up" id="show-tip">Hover me!</button>
<script>
const btn = document.getElementById('show-tip')
btn.setAttribute('data-balloon-visible', '')
</script>
```
### Glyphs and Icon Fonts

@@ -44,0 +61,0 @@ You can also add any HTML special character to your tooltips, or even use third-party Icon fonts:

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet