) }`})}),` `,(0,n.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:`import { CurrencyInput } from "@medusajs/ui" `})}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:` `})}),` `,(0,n.jsx)(e.h2,{id:"api-reference",children:"API Reference"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(t,{mainComponent:"CurrencyInput",specsSrc:`[{"description":"This component is based on the input element and supports all of its props","methods":[],"displayName":"CurrencyInput","props":{"symbol":{"required":true,"tsType":{"name":"string"},"description":"The symbol to show in the input."},"code":{"required":true,"tsType":{"name":"string"},"description":"The currency code to show in the input."},"size":{"defaultValue":{"value":"\\"base\\"","computed":false},"description":"The input's size.","tsType":{"name":"union","raw":"\\"small\\" \\\\| \\"base\\"","elements":[{"name":"literal","value":"\\"small\\""},{"name":"literal","value":"\\"base\\""}]},"required":false}},"composes":["Omit","VariantProps"]}]`}),` `,(0,n.jsx)(e.h2,{id:"examples",children:"Examples"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(e.h3,{id:"base",children:"Base"}),` `,(0,n.jsx)(s,{name:"currency-input-base",children:(0,n.jsx)(e.span,{__src__:"src/examples/currency-input-base.tsx",code:`import { CurrencyInput } from "@medusajs/ui" export function CurrencyInputBase() { return (

) }`})}),` `,(0,n.jsx)(e.h3,{id:"small",children:"Small"}),` `,(0,n.jsx)(s,{name:"currency-input-small",children:(0,n.jsx)(e.span,{__src__:"src/examples/currency-input-small.tsx",code:`import { CurrencyInput } from "@medusajs/ui" export function CurrencyInputSmall() { return (

) }`})})]})}function g(r={}){let{wrapper:e}=r.components||{};return e?(0,n.jsx)(e,Object.assign({},r,{children:(0,n.jsx)(p,r)})):p(r)}var j=g;function m(r,e){throw new Error("Expected "+(e?"component":"object")+" `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}return b(v);})(); ;return Component;

Prop	Type	Default
`symbol`	`string`	-
`code`	`string`	-
`size`	`"small"` \|`"base"`	`"base"`

Currency Input

Usage#

API Reference#

Examples#

Base#

Small#