Notiflix Library แจ้งเตือนสำหรับเว็บไซต์ ดีไซต์สวย น่าใช้

Posted by tospichai on May 27, 2021
profile
tospichai

Posted on May 27, 2021

#javascript

Notiflix คือ pure JavaScript library client-side ทั้งแจ้งเตือน, ป๊อปอัพ, Loading ที่มีให้เลือกใช้อย่างครบถ้วน

ขั้นตอนแรกเลยนะครับ เข้าไปที่เว็บไซต์ Notiflix | a JavaScript library for client-side non-blocking notifications.

เมื่อโหลดไฟล์เสร็จแล้ว เมื่อแตกไฟล์แล้ว ไฟล์ที่เราจะใช้จะอยู่ใน

Notiflix-2.7.0/src/notiflix.css
Notiflix-2.7.0/src/notiflix.js

ให้เรา Copy ใส่ในโฟลเดอร์ Project ของเราแล้วใส่ลิ้งไว้ในที่ <head>

<link href="http://127.0.0.1:8000/css/notiflix.css" rel="stylesheet"/>
<script src="http://127.0.0.1:8000/js/notiflix.js"></script>

เพียงแค่ใช้

<script>Notiflix.Notify.Success('แจ้งเตือนสำเร็จ');</script>

อ่าน Docs ได้ต่อที่นี้เลยครับ Documentation | Notiflix

Login