Made with by
nodo-shanidze@mail.ru
NToast (0.1.6v) Last update 11/28/2021
NToast( (1:option) => "#5060DC blur", ( BACKGOUND COLOR (0.1.6v -> "blur" option) ) (2:option) => "tr", ( position: TR - TopRight / TL - TopLeft | BR - BottomRight | BL - BottomLeft ) (3:option) => "Welcome To NToastJs 0.1.6v", ( text ) (4:option) => true, ( icon [FALSE,TRUE] ) (5:option) => "fa fa-check", ( change icon only class name [fontawesome or others] ) (6:option) => true, ( show hide progress bar [FALSE,TRUE] ) (7:option) => "100" ( 0.1.6v change autoclose time (if you delete line -> auto on normal speed [125]) ) )
NtoastJS - Top Left (tl) (icon: fa fa-check)
Try It #5060DC blur
Try It #459213 blur
Try It #277BD9 blur
Try It #E58847 blur
NtoastJS - Top Right (tr) (icon: fa fa-times)
Try It #5060DC
Try It #459213
Try It #277BD9
Try It #E58847
Getting Started
(NToast.js) Download and include the Js file
minified
or
full
(NToast.css) Download and include the CSS file
minified
or
full
CDN
Toast.css -
https://cdn.jsdelivr.net/gh/nShanidze/NToastJS@main/0.1.6v/NToast.css
NToast.js -
https://cdn.jsdelivr.net/gh/nShanidze/NToastJS@main/0.1.6v/NToast.js
Toast-min.css -
https://cdn.jsdelivr.net/gh/nShanidze/NToastJS@main/0.1.6v/NToast-min.css
NToast.min.js -
https://cdn.jsdelivr.net/gh/nShanidze/NToastJS@main/0.1.6v/NToast.min.js
Also Needed
Jquery
Fontawesome
or others css icons
the main rule!
add NToast.js in body! and add code Ntoast below