The currency input component is a versatile and user-friendly feature that can be seamlessly integrated into your project. It allows for customization, letting you define parameters such as the decimal separator, thousands separator, and precision to suit your specific requirements. This component is showcased through a variety of practical examples, making it a valuable addition to any project.

The currency input feature is user-friendly and a compelling addition to any project.

1<x-currency
2    label="Currency"
3    placeholder="Currency"
4/>

You can easily customize the currency input by specifying the decimal separator, thousands separator, and precision to meet your specific needs.

1<x-currency
2    label="Currency"
3    placeholder="Currency"
4    thousands="."
5    decimal=","
6    precision="4"
7/>

Here are various examples demonstrating the utilization of currency input.

 1<x-currency
 2    label="Currency"
 3    placeholder="Currency"
 4    icon="currency-dollar"
 5    thousands="."
 6    decimal=","
 7    precision="4"
 8/>
 9 
10<x-currency
11    label="Currency no Decimals"
12    placeholder="Currency"
13    precision="0"
14/>
15 
16<x-currency
17    label="Currency"
18    placeholder="Currency"
19/>
20 
21<x-currency
22    label="Currency"
23    prefix="R$"
24    thousands="."
25    decimal=","
26/>