Components

Quantity Selector

A compact − [n] + quantity stepper for product and cart UIs.

php artisan blatui:add quantity-selector

<x-ui.quantity-selector name="quantity" :value="1" />

Disabled

<x-ui.quantity-selector name="quantity" :value="3" :disabled="true" />

Sizes

<div class="flex flex-wrap items-center gap-4">
    <x-ui.quantity-selector name="qty-sm" size="sm" :value="1" />
    <x-ui.quantity-selector name="qty-default" size="default" :value="1" />
    <x-ui.quantity-selector name="qty-lg" size="lg" :value="1" />
</div>

With Max

<x-ui.quantity-selector name="quantity" :value="2" :min="1" :max="10" />