Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/arthurvasconcelos/vue-izitoast

Elegant, responsive, flexible and lightweight notification plugin implemented for Vue 2 of iziToast
https://github.com/arthurvasconcelos/vue-izitoast

alert confirm info izitoast js message notification question success toast toaster vue vue-izitoast warning

Last synced: about 1 month ago
JSON representation

Elegant, responsive, flexible and lightweight notification plugin implemented for Vue 2 of iziToast

Host: GitHub
URL: https://github.com/arthurvasconcelos/vue-izitoast
Owner: arthurvasconcelos
License: apache-2.0
Created: 2017-10-18T22:36:25.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2020-11-23T05:10:48.000Z (over 3 years ago)
Last Synced: 2024-03-24T20:10:16.973Z (about 2 months ago)
Topics: alert, confirm, info, izitoast, js, message, notification, question, success, toast, toaster, vue, vue-izitoast, warning
Language: JavaScript
Homepage: https://arthurvasconcelos.com.br/vue-izitoast
Size: 6.53 MB
Stars: 133
Watchers: 6
Forks: 21
Open Issues: 34
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Lists

awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (UI Components / Notification)
awesome-vue - vue-izitoast ★45 - A Vue.js 2 wrapper around IziToast. (UI Components / Notification)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (UI Components / Notification)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (UI Components / Notification)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (UI Components / Notification)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)
awesome-vue - vue-izitoast - A Vue.js 2 wrapper around IziToast. (Components & Libraries / UI Components)

README

        # Vue iziToast

Elegant, responsive, flexible and lightweight notification plugin implemented for Vue 2 of [iziToast](https://github.com/dolce/iziToast)

[![Build Status](https://travis-ci.org/arthurvasconcelos/vue-izitoast.svg?branch=master&style=flat-square)](https://travis-ci.org/arthurvasconcelos/vue-izitoast)

[![Maintainability](https://api.codeclimate.com/v1/badges/d35ed72474bfd7efd5d6/maintainability)](https://codeclimate.com/github/arthurvasconcelos/vue-izitoast/maintainability)

[![Test Coverage](https://api.codeclimate.com/v1/badges/d35ed72474bfd7efd5d6/test_coverage)](https://codeclimate.com/github/arthurvasconcelos/vue-izitoast/test_coverage)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/71078c6d8c5743ad90e99e4f81ec154f)](https://www.codacy.com/app/arthurvasconcelos/vue-izitoast?utm_source=github.com&utm_medium=referral&utm_content=arthurvasconcelos/vue-izitoast&utm_campaign=Badge_Grade)

[![Greenkeeper badge](https://badges.greenkeeper.io/arthurvasconcelos/vue-izitoast.svg)](https://greenkeeper.io/)

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Farthurvasconcelos%2Fvue-izitoast.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Farthurvasconcelos%2Fvue-izitoast?ref=badge_shield)

[![dependencies Status](https://david-dm.org/arthurvasconcelos/vue-izitoast/status.svg?style=flat-square)](https://david-dm.org/arthurvasconcelos/vue-izitoast)

[![devDependencies Status](https://david-dm.org/arthurvasconcelos/vue-izitoast/dev-status.svg?style=flat-square)](https://david-dm.org/arthurvasconcelos/vue-izitoast?type=dev)

[![peerDependencies Status](https://david-dm.org/arthurvasconcelos/vue-izitoast/peer-status.svg?style=flat-square)](https://david-dm.org/arthurvasconcelos/vue-izitoast?type=peer)

[![Latest GH Latest Release](https://img.shields.io/github/release/arthurvasconcelos/vue-izitoast.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/releases/latest)

[![Commits since latest GH release](https://img.shields.io/github/commits-since/arthurvasconcelos/vue-izitoast/latest.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/commits/master)

[![GH Forks](https://img.shields.io/github/forks/arthurvasconcelos/vue-izitoast.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/network)

[![GH Starts](https://img.shields.io/github/stars/arthurvasconcelos/vue-izitoast.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/stargazers)

[![GH Watchers](https://img.shields.io/github/watchers/arthurvasconcelos/vue-izitoast.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/watchers)

[![NPM Latest Package Release](https://img.shields.io/npm/v/vue-izitoast.svg?style=flat-square)](https://www.npmjs.com/package/vue-izitoast)

[![NPM Package Downloads](https://img.shields.io/npm/dt/vue-izitoast.svg?style=flat-square)](https://www.npmjs.com/package/vue-izitoast)

[![License](https://img.shields.io/github/license/arthurvasconcelos/vue-izitoast.svg?style=flat-square)](https://github.com/arthurvasconcelos/vue-izitoast/blob/master/LICENSE)

![cover](http://i.imgur.com/NKk7Rxm.png)

## Table of Contents

- [Vue iziToast](#vue-izitoast)

  - [Table of Contents](#table-of-contents)

  - [Requirements](#requirements)

  - [Install](#install)

  - [Configuration](#configuration)

  - [Usage](#usage)

  - [Testing](#testing)

  - [License](#license)

  - [Contributing](#contributing)

  - [Contributors](#contributors)

## Requirements

- **Vue:** _^2.0.0_

- **iziToast:** _lastest_

## Install

```sh

$ npm install vue-izitoast --save

$ yarn add vue-izitoast

```

## Configuration

```javascript

import Vue from 'vue';

import VueIziToast from 'vue-izitoast';

import 'izitoast/dist/css/iziToast.css';

or

import 'izitoast/dist/css/iziToast.min.css';

Vue.use(VueIziToast);

or

Vue.use(VueIziToast, defaultOptionsObject);

```

## Usage

See examples in our [](https://arthurvasconcelos.com.br/vue-izitoast)

or Try on [![Edit Vue-Izitoast Example](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/8l1y3mn8rl)

## Testing

Vue Izitoast is using Travis as CD/CI. You can check the state of our last build here [![Build Status](https://travis-ci.org/arthurvasconcelos/vue-izitoast.svg?branch=master&style=flat-square)](https://travis-ci.org/arthurvasconcelos/vue-izitoast).

We now are also pledging with [](https://www.browserstack.com) so we can test on multiple browser and garantee that you will have a great usage cross-browser and os.

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Farthurvasconcelos%2Fvue-izitoast.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Farthurvasconcelos%2Fvue-izitoast?ref=badge_large)

## Contributing

- Vue-Izitoast Issues: https://github.com/arthurvasconcelos/vue-izitoast/issues

- IziToast Issues: https://github.com/dolce/iziToast/issues

## Contributors

[](https://github.com/arthurvasconcelos) |[](https://github.com/apps/greenkeeper) |[](https://github.com/lgguzman) |[](https://github.com/fossabot) |[](https://github.com/webmcheck) |

:---: |:---: |:---: |:---: |:---: |

[arthurvasconcelos](https://github.com/arthurvasconcelos) |[greenkeeper[bot]](https://github.com/apps/greenkeeper) |[lgguzman](https://github.com/lgguzman) |[fossabot](https://github.com/fossabot) |[webmcheck](https://github.com/webmcheck) |

[![forthebadge](http://forthebadge.com/images/badges/built-with-love.svg)](http://forthebadge.com)

![Live Long and Prosper](http://i.imgur.com/wtGmSKO.png)