0.0.1 • Published 1 year ago

@advanced-astro/toast v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

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";

https://cva.style

0.0.1

1 year ago