toastify-js
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "toastify-js", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "Toastify is a lightweight, vanilla JS toast notification library.", | ||
@@ -5,0 +5,0 @@ "main": "./src/toastify.js", |
# Toastify | ||
![forthebadge](http://forthebadge.com/images/badges/built-with-love.svg) | ||
![forthebadge](http://forthebadge.com/images/badges/uses-js.svg) | ||
![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg) | ||
![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg) | ||
[![toastify-js](https://img.shields.io/badge/toastify--js-1.0.0-brightgreen.svg)](https://www.npmjs.com/package/toastify-js) | ||
Toastify is a lightweight, vanilla JS toast notification library. | ||
@@ -12,14 +14,26 @@ | ||
## Download | ||
## Installation | ||
To start using **Toastify**, add the following on to your page. | ||
#### Toastify now supports installation via NPM | ||
``` | ||
npm install --save toastify-js | ||
``` | ||
or | ||
``` | ||
yarn add toastify-js -S | ||
``` | ||
#### Using Toastify using the traditional method | ||
To start using **Toastify**, add the following CSS on to your page. | ||
```html | ||
<link rel="stylesheet" type="text/css" href="toastify.css"> | ||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"> | ||
``` | ||
Add script at the bottom of the page | ||
And the script at the bottom of the page | ||
```html | ||
<script type="text/javascript" src="toastify.js"></script> | ||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script> | ||
``` | ||
@@ -42,3 +56,3 @@ | ||
Toast messages will be centered on devices with screen width less than 360px. | ||
> Toast messages will be centered on devices with screen width less than 360px. | ||
@@ -45,0 +59,0 @@ + See the [changelog](https://github.com/apvarun/toastify-js/blob/master/CHANGELOG.md) |
21885
62