Skip to content

advanced-astro/toast

 
 

Repository files navigation

astro-toast

astro-toast is a simple library for displaying toasts on your website.

Example:

---
import Toast from "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"
| "middle-start"
| "middle-center"
| "middle-end"
| "bottom-start"
| "bottom-center"
| "bottom-end";

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Astro 71.1%
  • JavaScript 18.5%
  • TypeScript 8.1%
  • CSS 2.3%