d1a1135328
* 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
28 lines
759 B
TypeScript
28 lines
759 B
TypeScript
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>
|
|
)
|
|
}
|