Alert messages can be used to notify the user about a special event, such as a danger, success, information, or warning. For many user-related events, strong alert notification messages are required. The Twilight JS SDK offers a flexible method for managing notification messages. Its flexibility comes from the fact that the developer can use any external Javascript library as the theme's notifier tool in order to manage the display of the notification messages. Besides that, the developer has the option of building their own notification message library, notifier. It requires a basic knowledge of HTML, CSS, and Javascript. In this way, the theme will have a customized notification message that fits its look-and-feel.✅ By default, the Twilight JS SDK displays a message to the user that requires their attention using the Javascript built-in alert() method.
✅ The developer is required to include any external Javascript library along with the theme files. This can be accomplished by inserting an HTML script tag, adding a CDN external link in the page's header, or installing it using npm, just like any other Javascript library.
📙 What you'll learn#
Selecting a notification library#
There are a huge number of Javascript libraries that can be utilized as a nyifier tool for the theme. The developer may check this link to choose any of the themes.Noty and AlertifyJS are two Javascript libraries that stand out for managing notification messages. We use the Noty for this demonstration. Setup the notifier#
In order to use the Noty library, it should first be included within the theme files as we stated previously. After that, the developer needs to call the setNotifier() method to set it up. This function wraps the external library by creating an instance of it as an object and then passing the library's basic parameters.
Creating an object for this library, for example, can be done as follows, according to the Noty installation guide:On that basis, we can use the setNotifier() method to wrap the Noty and prepare it for us as follows:This way has the advantage of customizing the behavior of the external library without needing to modify its source code.Usage#
Now that we have the theme notifer ready, it can be called easily as per the case the developer is handling. Twilight JS SDK includes three pre-defined cases for displaying the message, which are the success, info, and the error cases.Success notification message indicates a successful user action. They can be displayed as follows:
In this example, the notifier's type will be success, and the list of the arguments will be passed to the message and data parameters.Advance Usage#
The developer may need to pass additional options when displaying notifications, such as the 'layout' parameter. This can be accomplished as follows: 
