		@@ -14,3 +14,3 @@ <h1 align="center">@windui/snackbar</h1>
		```html
		<script src="https://cdn.jsdelivr.net/npm/@windui/snackbar@1.0.0/windui.snackbar.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/@windui/snackbar@latest/windui.snackbar.min.js"></script>
		```
		@@ -49,39 +49,2 @@
		};
		```

		# DOM Example
		```html
		<!DOCTYPE html>
		<html>
		<head>
		<title>@windui/snackbar</title>
		</head>
		<body>
		<button onclick="trigger()">
		Show Snackbar!
		</button>
		<script src="https://cdn.jsdelivr.net/npm/@windui/snackbar@1.0.0/windui.snackbar.min.js"></script>
		<script>
		const trigger = () => {
		const hello = new Snackbar({
		options: {
		duration: 3000,
		speed: 500, // animation speed
		type: "info", // snackbar types: info, success, error, warning
		align: "right", // right or left
		position: "bottom" // top or bottom
		},
		title: "Hello World!",
		message: "No post on Sundays!"
		});

		// show snackbar
		hello.show();

		// hide before timeout
		// hello.hide();
		};
		</script>
		</body>
		</html>
		```

@windui/snackbar - npm Package Compare versions

New alerts