Currency Input

x-bladewind::currency-input wraps Input's existing money-masking (thousands separators, a fixed decimal precision) and adds the one thing that mask alone cannot: the correct currency symbol, in the correct position, with separators written the way the given locale actually writes them.

<x-bladewind::currency-input name="price" label="Price" />

The default currency is USD and the default locale is en-US, both overridable globally via config('bladewind.currency_input').

Currency and locale

Set currency to any ISO 4217 code. When PHP's intl extension is installed, locale (a BCP 47 tag) decides where the symbol sits and which characters separate thousands and decimals: for example, French writes 1 234,56 € where U.S. English writes $1,234.56, for the same amount in the same currency.

<x-bladewind::currency-input name="price_usd" label="US Dollar" currency="USD" locale="en-US" />
<x-bladewind::currency-input name="price_eur" label="Euro (French formatting)" currency="EUR" locale="fr-FR" />
<x-bladewind::currency-input name="price_ghs" label="Ghanaian Cedi" currency="GHS" locale="en-GH" />
<x-bladewind::currency-input name="price_jpy" label="Japanese Yen (no decimals)" currency="JPY" locale="ja-JP" />

Without the intl extension, every currency still gets a sensible symbol (a small built-in table covers the common ones; anything else falls back to the currency code itself) and the correct number of decimal places (zero for currencies like JPY that have no minor unit, two for everything else), always shown as a prefix with . and , separators.

Overriding individual parts

Any part of the derived format can be set explicitly, which always wins over whatever currency/locale would otherwise produce: symbol, symbolPosition (prefix or suffix), decimalSeparator, thousandsSeparator, and precision.

<x-bladewind::currency-input name="price_custom" label="Custom symbol" symbol="US$" symbol-position="suffix" />

Full List Of Attributes

Currency Input with all attributes defined

<x-bladewind::currency-input
name="price"
label="Price"
currency="EUR"
locale="fr-FR"
symbol="€"
symbol-position="suffix"
decimal-separator=","
thousands-separator=" "
precision="2"
required="true"
size="regular" />