import { ComponentExample } from "@/components/ComponentExample" import { ComponentReference } from "@/components/ComponentReference"

export const metadata = { title: Currency Input, }

{metadata.title}

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.

Usage

import { CurrencyInput } from "@medusajs/ui"

<CurrencyInput symbol="$" code="usd" />

API Reference

Examples

Controlled Currency Input

Disabled Currency Input

Currency Input with Error State

Currency Input Sizes

Base

Small