One Notification

A lightweight JavaScript package for Samsung One UI styled notification.

Installation

npm install one-notification

Or in browser you can use One Notification with UNPKG:

<link rel="stylesheet" href="https://unpkg.com/one-notification/dist/one-notification.min.css">
<script src="https://unpkg.com/one-notification"></script>

Usage

import oneNotification from "one-notification";
import "one-notification/dist/one-notification.min.css";

oneNotification({
  /* configuration */
});

Configuration

There are some configuration properties that you can pass into the function parameter:

key	type	required	default	description
text	string	required		Text that displayed on notification
icon	string	required		Icon that displayed on notification (You can use text, or HTML tag)
onClick	function			A function that fired when notification is clicked
iconSize	number		21	Icon size in pixels
iconColor	string		#FFFFFF	Icon color
iconBackgroundSize	number		42	Icon background size in pixels
iconBackgroundColor	string		#1B9CFC	Icon background color
duration	string		4s	Duration of notification
color	string		#FFFFFF	Text color
backgroundColor	string		#1E272E	Notification color
fontSize	number		14	Font size in pixels
fontWeight	number		500	Font weight
fontFamily	string		sans-serif	Font family (use it when you are already imported font file in somewhere else)
iconScale	number		0.70	Scale down icon when notification is active
borderRadius	number		1000	Notification border radius
zIndex	number		1400	Notification z-index

LICENSE

One Notification is released under the MIT license.