v3.5.0 is out! Dozens of significant improvements overall! Keep your TallStackUI up to date to get the best experience.

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" />
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