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();