Get started with jquery-noty CDN

MIT licensed

JQuery Noty is a lightweight notification plugin for displaying custom messages on a webpage.

Tags:
  • notifications
  • alert
  • dialog
  • noty

Stable version

Copied!

How to start using jquery-noty CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noty/3.1.8/noty.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery-noty/3.1.4/jquery.noty.min.js"></script>
    <script>
        $(document).ready(function() {
            noty.configure({
                timeout: 3000,
                layout: 'topRight',
                type: 'success',
                text: 'This is a success message.'
            });

            $('button').click(function() {
                noty({
                    text: 'This is a custom message.',
                    type: 'warning'
                });
            });
        });
    </script>
</head>
<body>
    <button>Show Notification</button>
</body>
</html>

All versions