Basic
$.notify("Alert!");
$.notify("Alert!", {type:"info"});
align | |
---|---|
verticalAlign | |
$.notify("Alert!", {align:"center", verticalAlign:"top"});
$.notify("Alert!", {delay:2000});
$.notify("Alert!", {animation:true});
$.notify("Alert!", {animationType:"drop"});
$.notify("Alert!", {color: "#D44950"});
$.notify("Alert!", {color: "#fff", background: "#D44950"});
$.notify("Success", {type: "info", icon:"check"});
$.notify("Hello World!
", {class:"my-class", delay:0, align:"center", verticalAlign:"middle", animationType:"scale"});
.my-class{
background: #304CD8;
background: -webkit-linear-gradient(left, #304CD8 0%, #9F3762 100%);
background: -ms-linear-gradient(left, #304CD8 0%, #9F3762 100%);
background: linear-gradient(to right, #304CD8 0%, #9F3762 100%);
color: #fff;
font-size: 25px;
padding: 35px;
text-align: center;
}
$.notify("Alert!", {blur: 0.2, delay: 0});
$.notify("Alert!", {close: true});