# just-toasty

> Simple, customisable toast notifications

Latest version **1.7.0** (published 2021-03-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install just-toasty
pnpm add just-toasty
yarn add just-toasty
bun add just-toasty
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.7.0 |
| Published | 2021-03-25 |
| First published | 2018-01-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 22.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Tiaan du Plessis |
| Maintainers | tiaanduplessis |
| Keywords | toast, notif, notifcation |

## Links

- npm: https://www.npmjs.com/package/just-toasty
- Repository: https://github.com/tiaanduplessis/just-toasty
- Homepage: https://github.com/tiaanduplessis/just-toasty#readme
- Issues: https://github.com/tiaanduplessis/just-toasty/issues
- npm.io page: https://npm.io/package/just-toasty

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.7.0 (latest) — 2021-03-25
- 1.5.0 — 2021-03-25
- 1.4.0 — 2019-09-03
- 1.3.2 — 2019-08-14
- 1.3.1 — 2019-08-14
- 1.3.0 — 2019-05-02
- 1.2.0 — 2018-10-23
- 1.1.0 — 2018-08-24
- 1.0.1 — 2018-08-08
- 1.0.0 — 2018-01-10

## README

<div align="center">
  <img src="header.png" width="60%">
</div>
<br>
<h1 align="center">just-toasty</h1>
<div align="center">
  <strong>Simple, customisable toast notifications in under 700 bytes</strong>
</div>
<br>
<div align="center">
  <a href="https://npmjs.org/package/just-toasty">
    <img src="https://img.shields.io/npm/v/just-toasty.svg?style=flat-square" alt="npm package version" />
  </a>
  <a href="https://npmjs.org/package/just-toasty">
  <img src="https://img.shields.io/npm/dm/just-toasty.svg?style=flat-square" alt="npm downloads" />
  </a>
  <a href="https://github.com/feross/standard">
    <img src="https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square" alt="standard JS linter" />
  </a>
  <a href="https://travis-ci.org/tiaanduplessis/just-toasty">
    <img src="https://img.shields.io/travis/tiaanduplessis/just-toasty.svg?style=flat-square" alt="travis ci build status" />
  </a>
  <a href="https://github.com/tiaanduplessis/just-toasty/blob/master/LICENSE">
    <img src="https://img.shields.io/npm/l/just-toasty.svg?style=flat-square" alt="project license" />
  </a>
  <a href="http://makeapullrequest.com">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="make a pull request" />
  </a>
</div>

<h2>Table of Contents</h2>
<details>
  <summary>Table of Contents</summary>
  <li><a href="#install">Install</a></li>
  <li><a href="#usage">Usage</a></li>
  <li><a href="#contribute">Contribute</a></li>
  <li><a href="#license">License</a></li>
</details>

## Install

- Using cdn: 

```html
<script src="https://unpkg.com/just-toasty/dist/just-toasty.umd.js"></script>
```

- Using package manager:

```sh
$ npm install just-toasty
# OR
$ yarn add just-toasty
```

## Usage

```js
    toasty('Hi') // If no duration is provided, the time will be calculated based on the number of words.
    toasty('Hi', 5000)

    setTimeout(function() {
        toasty('<h1>Whoop</h1>', {styles: {
        backgroundColor: '#555'
    }})
    }, 1000)

    setTimeout(function() {
        toasty('Hi', {duration: 2000})
    }, 3000)
```

See the [example](example) for more information.

## Contributing

Contributions are welcome!

1. Fork it.
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

Or open up [a issue](https://github.com/tiaanduplessis/just-toasty/issues).

## License

Licensed under the MIT License.

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