) }`})}),` `,(0,e.jsx)(n.h2,{children:"Usage"}),` `,(0,e.jsx)(n.hr,{}),` `,(0,e.jsx)(n.pre,{children:(0,e.jsx)(n.code,{className:"language-tsx",children:`import { CurrencyInput } from "@medusajs/ui" `})}),` `,(0,e.jsx)(n.pre,{children:(0,e.jsx)(n.code,{className:"language-tsx",children:` `})}),` `,(0,e.jsx)(n.h2,{children:"API Reference"}),` `,(0,e.jsx)(n.hr,{}),` `,(0,e.jsxs)(n.p,{children:["This component is based on the ",(0,e.jsx)(n.code,{children:"input"})," element and supports all props of this element."]}),` `,(0,e.jsx)(c,{component:"currency-input"}),` `,(0,e.jsx)(n.h2,{children:"Examples"}),` `,(0,e.jsx)(n.hr,{}),` `,(0,e.jsx)(n.h3,{children:"Base"}),` `,(0,e.jsx)(t,{name:"currency-input-base",children:(0,e.jsx)(n.span,{__src__:"src/examples/currency-input-base.tsx",code:`import { CurrencyInput } from "@medusajs/ui" export function CurrencyInputBase() { return (

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

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

Prop	Type	Default
symbol	string	-
code	string	-

Currency Input

Usage

API Reference

Examples

Base

Small