WireUI
WireUI
Currency Input

The currency input helps us when we need a currency mask. It's possible to customize the 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