Get started with notificon CDN

BSD-2-Clause licensed

Lightweight library for customizable desktop notifications in browsers: Notificon.

Tags:
  • ender
  • notificon

Stable version

Copied!

How to start using notificon CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with notificon CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <script src="https://cdn.cdnhub.io/notificon/1.0.4/notificon.min.js"></script>
    <style>
        body { font-family: Arial, sans-serif; }
    </style>
</head>
<body>
    <button id="show-notification">Show Notification</button>

    <script>
        document.getElementById('show-notification').addEventListener('click', () => {
            notificon.show({
                title: 'Notificon',
                message: 'This is a simple notification using Notificon.',
                icon: 'fas fa-bell',
                position: 'top-right',
                time: 5000,
                onClose: () => console.log('Notification closed.')
            });
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions