docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
2025-08-20 11:42:25 +03:00
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,65 @@
+import {
+  CheckCircle,
+  ExclamationCircle,
+  InformationCircle,
+  Spinner,
+  XCircle,
+} from "@medusajs/icons"
+import { Button, toast } from "@medusajs/ui"
+
+export default function ToasterAllVariants() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      <Button
+        variant="secondary"
+        onClick={() =>
+          toast.info("Info", {
+            description: "This is an info toast.",
+          })
+        }
+      >
+        <InformationCircle /> Info
+      </Button>
+      <Button
+        variant="secondary"
+        onClick={() =>
+          toast.success("Success", {
+            description: "This is a success toast.",
+          })
+        }
+      >
+        <CheckCircle /> Success
+      </Button>
+      <Button
+        variant="secondary"
+        onClick={() =>
+          toast.error("Error", {
+            description: "This is an error toast.",
+          })
+        }
+      >
+        <XCircle /> Error
+      </Button>
+      <Button
+        variant="secondary"
+        onClick={() =>
+          toast.warning("Warning", {
+            description: "This is a warning toast.",
+          })
+        }
+      >
+        <ExclamationCircle /> Warning
+      </Button>
+      <Button
+        variant="secondary"
+        onClick={() =>
+          toast.loading("Loading", {
+            description: "This is a loading toast.",
+          })
+        }
+      >
+        <Spinner /> Loading
+      </Button>
+    </div>
+  )
+}