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,29 @@
+import { useState } from "react"
+import { CurrencyInput } from "@medusajs/ui"
+
+export default function CurrencyInputControlled() {
+  const [value, setValue] = useState<string | undefined>("")
+  const formatValue = (val: string | undefined) => {
+    if (!val) {
+      return ""
+    }
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+    }).format(parseFloat(val))
+  }
+  return (
+    <div className="max-w-[250px]">
+      <CurrencyInput
+        symbol="$"
+        code="usd"
+        value={value}
+        onValueChange={setValue}
+        aria-label="Amount"
+      />
+      <div className="mt-2 text-xs text-ui-fg-muted">
+        Value: {formatValue(value)}
+      </div>
+    </div>
+  )
+}