Notify-JS

A lightweight and easy to use Notification class to use on your next website.
Sweet vanilla JS 🍦

Setup

Simply download and add the notify-js.js file to you html file. <script src="notify-js.js"></script>

Example usage

// User has logged in
function onLogin (username) {
    // Create a new notification
    new NotifyJS(
        {
            duration: 3000, // Display for 3 seconds
            message: `Welcome back ${username}!` // Message
        },
        {
            color: '#42f477' // Set the box color
            textColor: 'black' // Set the text color
        }
    )
}

See the examples directory for more examples.

Options

The NotifyJS class takes two parameters:

settings

Variable	Description	Type	Example
duration	Time in ms that the notification will show for.	int	3000
message	Message you want to show to the user.	string	"Hello"
timer	Show countdown	boolean	true

style

Variable	Description	Type	Example
backgroundColor	Color of notifcation	string	"rgb(255,0,0)"
color	Text color	string	"white"
fontFamily	Sets the font	string	"Verdana"
customCSSBox	Change CSS properties of the notification box	string	"border-radius: 5px;"