https://github.com/matsuuu/debug-bubble
A no-nonsense visual debug bubble for your quick debugging needs
https://github.com/matsuuu/debug-bubble
Last synced: 9 months ago
JSON representation
A no-nonsense visual debug bubble for your quick debugging needs
- Host: GitHub
- URL: https://github.com/matsuuu/debug-bubble
- Owner: Matsuuu
- Created: 2023-07-31T15:33:03.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-01T08:01:17.000Z (over 2 years ago)
- Last Synced: 2024-10-18T00:03:36.950Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://matsuuu.github.io/debug-bubble/
- Size: 118 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Debug Bubble
For those pesky usecases where you just want a pretty implicator that something happened.
## Usage
### Install to your project
```bash
npm install debug-bubble
```
### Or use import maps
```html
{
"imports": {
"debug-bubble": "https://cdn.jsdelivr.net/npm/debug-bubble/src/bundle.js"
}
}
```
### Call Debug Bubble
```javascript
import { debugBubble } from "debug-bubble";
window.addEventListener("keydown", e => {
debugBubble("Key pressed!", "You pressed the key " + e.key);
})
```