# js-flyovers

> Growl style notifications

Latest version **1.0.7** (published 2022-05-05) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install js-flyovers
pnpm add js-flyovers
yarn add js-flyovers
bun add js-flyovers
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2022-05-05 |
| First published | 2022-04-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 16.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jager Mesh |
| Maintainers | jagermesh |
| Keywords | hint |

## Links

- npm: https://www.npmjs.com/package/js-flyovers
- Repository: https://github.com/jagermesh/js-flyovers
- Homepage: https://github.com/jagermesh/js-flyovers#readme
- Issues: https://github.com/jagermesh/js-flyovers/issues
- npm.io page: https://npm.io/package/js-flyovers

## Recent versions

- 1.0.7 (latest) — 2022-05-05
- 1.0.6 — 2022-04-28
- 1.0.5 — 2022-04-28
- 1.0.4 — 2022-04-28
- 1.0.3 — 2022-04-28
- 1.0.2 — 2022-04-28

## README

# Flyovers

Simple, lightweight pure JavaScript component that implement Growl style notifications.

## Demo

https://jagermesh.github.io/js-flyovers/

## Usage:

1) Include the script:

~~~
<script type="text/javascript" src="flyovers.js"></script>
~~~

2) Create Flyovers instance

~~~
const flyovers = new Flyovers();
~~~

3) Show message

~~~
flyovers.showMessage('Message 1',
  'Attempts to prove it prompted substantial development in number theory, and over time Fermat Last Theorem gained prominence as an unsolved problem in mathematics');
flyovers.showInfo('Info Permanent',
  'Attempts to prove it prompted substantial development in number theory, and over time Fermat Last Theorem gained prominence as an unsolved problem in mathematics', {
  permanent: true,
});
flyovers.showError('Error');
flyovers.showSuccess('Success');
flyovers.showWarning('Warning');
flyovers.showInfo('Info');
~~~

4) Customize if needed

~~~
flyovers.showMessage('Message 2', {
  timeout: 1000,
  beautify: function(flyoverOverlay) {
    flyoverOverlay.style.fontSize = `${Math.floor(Math.random() * 10)+8}pt`;
    flyoverOverlay.style.backgroundColor = 'red';
    flyoverOverlay.style.color = 'white';
  }
});
~~~

That's all.

Have fun. Send PR if you find any glitches or want to make improvements.

:)

---
_Source: https://npm.io/package/js-flyovers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._