tobiasroeder / ToastMsg

ToastMsg displays a small message like a toast.

ToastMsg Documentation

Inspired by Google Toast Message.

Include this file

<script src="https://cdn.jsdelivr.net/gh/tobiasroeder/toastmsg@1.0.0/js/toastmsg.min.js"></script>

---

Syntax (Example)

toastMsg({
	color: 'white',
	bgColor: '#444',
	fontSize: '22px',
	fontFamily: 'monospace',
	value: 'Hello World',
	position: 'right',
	duration: 2000
});

---

Parameter

Parameter	Type	Default
color	string	#fff
bgColor	string	#242424
fontSize	string	16px
fontFamily	string	'Helvetica Neue', 'Helvetica', sans-serif
position	string	left
duration	number	3000

---

Example here: https://tobiasroeder.github.io/toastmsg
Try it yourself