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,27 @@
+import { useState } from "react"
+import { CurrencyInput } from "@medusajs/ui"
+
+export default function CurrencyInputError() {
+  const [value, setValue] = useState<string | undefined>("0")
+  const [touched, setTouched] = useState(false)
+  const isError = touched && (!value || parseFloat(value) <= 0)
+  return (
+    <div className="max-w-[250px]">
+      <CurrencyInput
+        symbol="$"
+        code="usd"
+        value={value}
+        onValueChange={(val) => setValue(val)}
+        aria-label="Amount"
+        aria-invalid={isError}
+        onBlur={() => setTouched(true)}
+        min={0.01}
+      />
+      {isError && (
+        <div className="mt-2 text-xs text-ui-fg-error">
+          Amount must be greater than 0
+        </div>
+      )}
+    </div>
+  )
+}