Skip to content
/ notf Public

It's A Basic Libary To Easily Create Notifications via. JS

Notifications You must be signed in to change notification settings

Kax675/notf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

notf

It's A Basic Libary To Easily Create Notifications via. JS

Desktop Preview

alt text

Mobile Preview

alt text

Installing and Using

First: Download Code And Then Import notf.js Bottom At Your Page With <script src="notf.js"></script> After Importing JS File, Import style.css With <link rel="stylesheet" href="style.css">. Then Import Material Icons With <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">.

Full Template

https://github.com/Kaxozae0/notf/blob/main/example.html

How To Use It?

To Create Notifications, Use createNotf(params)

Params

autoClose: boolean | Automaticly Close Notification

autoCloseTime: number | After How Many Miliseconds the Notification Will Be Closed. If You Enabled Auto-Close, You Should Definitely Use This Parameter.

closable: boolean | Make Notification Closable With Tiny X Button

icon: path (File Or URL) | Sets Tiny Icon

iconText: string | Sets the Text Next to the Tiny Icon

title: string | Sets Title

image: path (File OR URL) | Sets Large Image

body: string | Sets Body

Example

createNotf({autoClose: true, autoCloseTime: 5000, closable: true, icon: "https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/YouTube_social_white_square_%282017%29.svg/2048px-YouTube_social_white_square_%282017%29.svg.png", iconText: "YouTube", title: "Kaxözæ", image: "https://yt3.ggpht.com/NCjhVZGHhSumIPlb1FIt0nQHWoD-ge_SxeLl35RK_uaymtGtEhvfUbSAFohdAFe23jLZn0DcTg=s88-c-k-c0x00ffffff-no-rj", body: "Uploaded A New Video!" })

About

It's A Basic Libary To Easily Create Notifications via. JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published