Notification

Overview

The Notification component allows the user to display pop-up notifications.

---

Specification

Property

Here is a list of properties that can be used for modifying the component:

Name	Type	Default	Description	Remark
className	string	""	Component class name
text	string	""	Text to be displayed
type	string	"danger"	Background color	Available options: "danger" : Red (#e74c3c) "info" : Blue (#3498db) "success" : Green (#91c36c)

Constructor

Notification(options)
Here is a list of available constructors:

Parameter

Name	Type	Default	Description	Remark
options	object	{}	Object that includes component properties

Method

Here is a list of available methods:

open()

Show the Notification

Parameter

none

Return

none

close()

Hide the Notification

Parameter

none

Return

none

---

Sample Code

Here is a sample code when all parameters are specified:

const notification = new Kuc.Notification({
  text: 'Error occurred!',
  type: 'danger',
  className: 'options-class'
});
notification.open();
notification.close();