msg model window and poup message

by Berat Emre NebioÄźlu

HTML

<script src="https://madprops.github.io/Msg/msg.js"></script>
<button class="msg"> Msg Button </button>

CSS

.msg{
  width: 50px;
  height:50px;
  border:1px solid black;
}

JavaScript

var msg_snack = Msg({
    class: "black",
    content_class: "snackbar",
    position: "bottom",
    edge_padding_y: 0,
    window_min_width: "600px",
    window_x: "none",
    enable_overlay: false,
    autoclose: true,
    autoclose_delay: 10000,
    close_on_show: true,
    show_effect: "slide_up",
    show_effect_duration: 350,
    close_effect: "slide_down",
    close_effect_duration: 350,        
    sideStack: "none",
    zStack_level: 1,
    lock: false 
});
var msgButton = document.querySelector('.msg');
var something;

function create_something()
{
	var s = "";

	s += "something<br>";
	s += "other thing<br>";
	s += "another thing";

	something = s;
}

function show_something()
{
	if(something === undefined)
	{
		create_something();
	}

	msg_snack.show(something);
}
msgButton.addEventListener('click',function(){
	show_something();
})