This Message Box implementation in Javascript, inspired by material design's toast message.

Note: I used the VanillaJS (native Javascript) Class to implement the message box. This may not work on older browsers, due to compatibility issue with native class.

This is resolvable by using Javascript compilers or pre-processesors, to compile the Javascript code into cross-browser Javascript code.

1. Create MessageBox class instance

   let msg = new MessageBox("#id", option)

2. Available options (type: Object)

   1. closeTime

      Time before the message box closes (In milliseconds). 0 to make it persistent

   2. hideCloseButton

      To hide the close button

3. Call the "show" method to show the dialog box

   Parameters

   • message

     The message that will appear on the message box

   • label

     The label of the close button (default is "CLOSE")

   • callback

     Callback function