@advanced-astro/toast
v0.0.1
Published
**astro-toast** is a simple component for displaying toasts on your website.
Downloads
4
Maintainers
Readme
astro-toast
astro-toast is a simple component for displaying toasts on your website.
Example
---
import Toast from "@advanced-astro/toast"
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content="{Astro.generator}" />
<title>Astro</title>
</head>
<body>
<Toast variant="error" where="bottom-end">Message</Toast>
</body>
</html>
Props
variant?: "error" | "warning" | "success" | "info";
where?:
| "top-start"
| "top-center"
| "top-end"
| "center-start"
| "center-center"
| "center-end"
| "bottom-start"
| "bottom-center"
| "bottom-end";