Currency Input

A component for rendering form inputs for money amounts, showing the currency in the input.

In this guide, you'll learn how to use the Currency Input component.

Was this example helpful?

Usage#

Code
import { CurrencyInput } from "@medusajs/ui"
Code
<CurrencyInput symbol="$" code="usd" />

API Reference#


Examples#

Controlled Currency Input#

Was this example helpful?

Disabled Currency Input#

Was this example helpful?

Currency Input with Error State#

Was this example helpful?

Currency Input Sizes#

Base

Was this example helpful?

Small

Was this guide helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Medusa MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break