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
30 lines
728 B
TypeScript
30 lines
728 B
TypeScript
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>
|
|
)
|
|
}
|