# bxb-notification

> Vue.js component [notification] from BixBite.

Latest version **0.1.6** (published 2021-01-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install bxb-notification
pnpm add bxb-notification
yarn add bxb-notification
bun add bxb-notification
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2021-01-11 |
| First published | 2018-08-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Рустам Гимранов |
| Maintainers | russsiq |
| Keywords | vue.js, notification, message |

## Links

- npm: https://www.npmjs.com/package/bxb-notification
- Repository: https://github.com/russsiq/bxb-notification
- Homepage: https://github.com/russsiq/bxb-notification#readme
- Issues: https://github.com/russsiq/bxb-notification/issues
- npm.io page: https://npm.io/package/bxb-notification

## 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

- 0.1.6 (latest) — 2021-01-11
- 0.1.5 — 2019-03-13
- 0.1.4 — 2019-02-17
- 0.1.3 — 2019-02-11
- 0.1.2 — 2019-01-11
- 0.1.1 — 2018-08-27
- 0.1.0 — 2018-08-26

## README

# bxb-notification
Vue.js component [notification] from [BixBite](https://github.com/russsiq/bixbite).

### Installation

Download library or can be installed as `npm` package:
```console
npm i bxb-notification --save-dev
```

### Getting started

To start using `bxb-notification`, you need to do is plugin installation. Somewhere in your main app.js file:
```js
// Import components to Vue application as plugins.
import Notification from 'bxb-notification';

// Install plugins to Vue application.
Vue.use(Notification);

// Create a fresh Vue application instance and attach it to the page.
const app = new Vue({
    el: '#app'
});

// Make some vue plugins methods to global.
window.Notification = app.$notification;
```

### Usage and API

Methods for calling show messages:
```js
Notification.show(options);
Notification.info(options);
Notification.success(options);
Notification.warning(options);
Notification.error(options);
```

#### Example 1
```html
<button class="btn btn-primary" @click="$notification.success({
    title: 'Remember!',
    message: 'This is simple notify message.<hr>Nice!'
})">Notify me!</button>
```

#### Example 2
```js
<script>
    Notification.show({
        title: 'Example!',
        message: 'Message from javascript.',
        type: 'warning'
    });
</script>
```

### Лицензия

bxb-notification - программное обеспечение с открытым исходным кодом, распространяющееся по лицензии [MIT license](https://choosealicense.com/licenses/mit/).

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