Merge branch 'main' of https://github.com/sek-consulting/solid-ui

Author: stefan-karger

apps/docs/src/registry/example/sonner-demo.tsx

@@ -1,22 +1,26 @@
 import { toast } from "solid-sonner"
 
 import { Button } from "~/registry/ui/button"
+import { Toaster } from "~/registry/ui/sonner"
 
 export default function SonnerDemo() {
   return (
-    <Button
-      variant="outline"
-      onClick={() =>
-        toast("Event has been created", {
-          description: "Sunday, December 03, 2023 at 9:00 AM",
-          action: {
-            label: "Undo",
-            onClick: () => console.log("Undo")
-          }
-        })
-      }
-    >
-      Show Toast
-    </Button>
+    <>
+      <Button
+        variant="outline"
+        onClick={() =>
+          toast("Event has been created", {
+            description: "Sunday, December 03, 2023 at 9:00 AM",
+            action: {
+              label: "Undo",
+              onClick: () => console.log("Undo")
+            }
+          })
+        }
+      >
+        Show Toast
+      </Button>
+      <Toaster />
+    </>
   )
 }

apps/docs/src/routes/(app)/docs/installation/vite.mdx

@@ -23,7 +23,7 @@ When asked make sure to use Solid:
 Install `tailwindcss` and its peer dependencies, then generate your `tailwind.config.js` and `postcss.config.js` files:
 
 ```bash
-npm install -D tailwindcss postcss autoprefixer
+npm install -D tailwindcss@3 postcss autoprefixer
 npx tailwindcss init -p
 ```