) }`})}),` `,(0,n.jsx)(e.h2,{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,{children:"API Reference"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(s,{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,{children:"Examples"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(e.h3,{children:"Base"}),` `,(0,n.jsx)(t,{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,{children:"Small"}),` `,(0,n.jsx)(t,{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