nice-toast-js

hasan-ahani
js Styles
nice-toast-js JS library on GitHub nice-toast-js JS library on npm Download nice-toast-js JS library

jquery easy & nice Toast

Version 0.2.3 License MIT
nice-toast-js has no homepage
nice-toast-js JS library on GitHub
nice-toast-js JS library on npm
Download nice-toast-js JS library
Keywords
toasttoast-jsnice-toast-jsutilclijqueryjquery-pluginjquery-plugin-boilerplategulp
INSTALL
Type:
Version:
<script src=" https://cdn.jsdelivr.net/npm/nice-toast-js@0.2.3/dist/js/nice-toast-js.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/nice-toast-js@0.2.3/dist/css/nice-toast-js.min.css " rel="stylesheet">
No default CSS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
Readme Files Statistics Browse CDN

Nice Toast JS

nice and easy toast for jquery

npm version

Nice Toast JS

Requirements

Installation

NPM

npm install nice-toast-js

Yarn

yarn add nice-toast-js

CDN - jsDelivr

<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/nice-toast-js/dist/css/nice-toast-js.min.css" rel="stylesheet" type="text/css" />

<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/nice-toast-js/dist/js/nice-toast-js.min.js" type="text/javascript"></script>

CDN - UNPKG

<!-- CSS -->
<link href="https://unpkg.com/nice-toast-js/dist/css/nice-toast-js.min.css" rel="stylesheet" type="text/css" />

<!-- JavaScript -->
<script src="https://unpkg.com/nice-toast-js/dist/js/nice-toast-js.min.js" type="text/javascript"></script>

Usage

Initialize the Plugin

$.niceToast.setup({
    position: "top-center",
    timeout: 5000,
});

New toast

$('button').click(function () {
    $.niceToast.error("I'm a toast!");
});

License

MIT