TallStackUI 4.0 is here! Seven new components and thousand of improvements. See what's new .

Powerful suite of Blade components for TALL Stack apps

Form Number

Form number component.

<x-number />

An option to increase/decrease for specific quantities.

<x-number step="5" />

You can also set the step to be a decimal number:

<x-number step="0.3" />

Press the plus button to increase one by one
<x-number label="Quantity" hint="Press the plus button to increase one by one" />
<x-number label="Readonly" value="10" readonly />
<x-number label="Disabled" value="10" disabled />
Press the plus button to increase one by one
<x-number label="Quantity" hint="Press the plus button to increase one by one" min="1" max="10" />
<x-number centralized />

An option to do not allow the interaction with the input.

<x-number selectable />

An option to control the velocity to increase/decrease when pressing buttons

<x-number delay="1" min="1" max="10" />
The delay calculation happens as delay * 100.

An option to use other icons instead of defaults.

<x-number chevron />

Code highlighting provided by Torchlight