docs(ui,docs): Add documentation for Medusa UI 2.0.0 (#5227)

* add docs for medusa ui 2.0.0 * fix: copy as child example * fix: dropdown menu example * add accordion examples * fix lint issues * fix apos in progress tabs demo * resolve comments * add icon * bump z-index on modals to prevent clashing with navbar * add sidebar item and card * undo modal z index changes * add links to updated and new components * update version * rm inline code formatting on links --------- Co-authored-by: Shahed Nasser <shahednasser@gmail.com>
2023-09-27 18:56:25 +03:00
parent f5a698ad6f
commit 4e3f3b54cb
79 changed files with 1689 additions and 295 deletions
@@ -0,0 +1,53 @@
+import { ProgressTabs, Text } from "@medusajs/ui"
+
+export default function ProgressTabsDemo() {
+  return (
+    <div className="w-full px-4">
+      <ProgressTabs defaultValue="general">
+        <div className="border-b border-ui-border-base">
+          <ProgressTabs.List>
+            <ProgressTabs.Trigger value="general">General</ProgressTabs.Trigger>
+            <ProgressTabs.Trigger value="shipping">
+              Shipping
+            </ProgressTabs.Trigger>
+            <ProgressTabs.Trigger value="payment">Payment</ProgressTabs.Trigger>
+          </ProgressTabs.List>
+        </div>
+        <div className="mt-2">
+          <ProgressTabs.Content value="general">
+            <Text size="small">
+              At ACME, we&apos;re dedicated to providing you with an exceptional
+              shopping experience. Our wide selection of products caters to your
+              every need, from fashion to electronics and beyond. We take pride
+              in our commitment to quality, customer satisfaction, and timely
+              delivery. Our friendly customer support team is here to assist you
+              with any inquiries or concerns you may have. Thank you for
+              choosing ACME as your trusted online shopping destination.
+            </Text>
+          </ProgressTabs.Content>
+          <ProgressTabs.Content value="shipping">
+            <Text size="small">
+              Shipping is a crucial part of our service, designed to ensure your
+              products reach you quickly and securely. Our dedicated team works
+              tirelessly to process orders, carefully package items, and
+              coordinate with reliable carriers to deliver your purchases to
+              your doorstep. We take pride in our efficient shipping process,
+              guaranteeing your satisfaction with every delivery.
+            </Text>
+          </ProgressTabs.Content>
+          <ProgressTabs.Content value="payment">
+            <Text size="small">
+              Our payment process is designed to make your shopping experience
+              smooth and secure. We offer a variety of payment options to
+              accommodate your preferences, from credit and debit cards to
+              online payment gateways. Rest assured that your financial
+              information is protected through advanced encryption methods.
+              Shopping with us means you can shop with confidence, knowing your
+              payments are safe and hassle-free.
+            </Text>
+          </ProgressTabs.Content>
+        </div>
+      </ProgressTabs>
+    </div>
+  )
+}