WireUI
Currency Input

The currency input help us when need a currency mask. It's possible customize currency separators and decimals precision.

Default Currency
1<x-inputs.currency label="Currency" placeholder="Currency" wire:model="currency" />
Custom Currency
1<x-inputs.currency
2 label="Currency"
3 placeholder="Currency"
4 thousands="."
5 decimal=","
6 precision="4"
7 wire:model="currency"
8/>
Examples
R$
1<x-inputs.currency
2 label="Currency"
3 placeholder="Currency"
4 icon="currency-dollar"
5 thousands="."
6 decimal=","
7 precision="4"
8 wire:model="currency"
9/>
10<x-inputs.currency label="Currency no Decimals" precision="0" wire:model="currency" />
11<x-inputs.currency label="Currency" wire:model="currency" />
12<x-inputs.currency label="Currency" prefix="R$" thousands="." decimal="," wire:model="currency" />
Input Options

The currency input accepts all input options and slots

Options

Prop Required Default Type
thousands false , string
decimal false . string
precision false 2 number
emitFormatted false false boolean