Number Input
This component will add an easy way to manipulate numbers, like ecommerce products quantity.
1<x-inputs.number label="How many Burgers?" />See more about the x-hold directive here
1<div x-data="{ count: 0 }" class="flex items-center gap-x-3">2 <x-button x-hold.click.repeat.200ms="count--" icon="minus" />3 4 <span class="bg-teal-600 text-white px-5 py-1.5" x-text="count"></span>5 6 <x-button x-hold.click.repeat.200ms="count++" icon="plus" />7</div>
Input Options
The number input accepts all input options and slots