Merge pull request #78 from AnswerDotAI/toast-app

add toast app

Author: comhar

.gitignore

@@ -168,5 +168,5 @@ cython_debug/
 #  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/
+.idea/
 .python-version

examples/dynamic_user_interface_(htmx)/toast/app.py

@@ -0,0 +1,13 @@
+from fasthtml.common import *
+from monsterui.all import *
+
+app, rt = fast_app(hdrs=Theme.blue.headers())
+
+@rt
+def index():
+    return Div(cls="flex items-center justify-center h-screen")(
+        Button("Show Toast", cls="bg-blue-500 text-white", hx_get="toast", hx_target="body", hx_swap="afterbegin")
+    )
+
+@rt
+def toast(): return Toast("Here's your toast 🍞!", dur=2, cls=[ToastVT.top, ToastHT.center], alert_cls="text-white bg-green-500 border-green-500")

examples/dynamic_user_interface_(htmx)/toast/card_thumbnail.gif

@@ -0,0 +1,4 @@
+[REQUIRED]
+ImageAltText=Toast
+ComponentName=Toast
+ComponentDescription=A component that renders a toast on click