Merge pull request #17 from SorenHolstHansen/styling

Styling and example
SorenHolstHansen · Feb 6, 2024 · 3634f5a · 3634f5a
2 parents d08c741 + d8e4b73
commit 3634f5a
Show file tree

Hide file tree

Showing 6 changed files with 116 additions and 250 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
+![Example](assets/example.gif)
+
 # leptos_toaster
 
 A Toaster component for Leptos heavily inspired by [sonner](https://sonner.emilkowal.ski/)

diff --git a/assets/example.gif b/assets/example.gif
diff --git a/examples/basic/src/main.rs b/examples/basic/src/main.rs
@@ -1,6 +1,6 @@
 use leptos::*;
 use leptos_toaster::{
-    Toast, ToastId, ToastOptions, ToastVariant, Toaster, ToasterPosition, Toasts,
+    Theme, Toast, ToastId, ToastOptions, ToastVariant, Toaster, ToasterPosition, Toasts,
 };
 
 fn main() {
@@ -28,8 +28,9 @@ fn Page() -> impl IntoView {
             view! {
                 <Toast
                     toast_id
-                    variant=ToastVariant::Info
+                    variant=ToastVariant::Success
                     title=view! { "My toast" }.into_view()
+                    description=Some(view! {"My description"}.into_view())
                 />
             },
             Some(toast_id),