Install

npx shadcn@latest add https://ui.stackzero.co/r/quantity-input-basic.json

Examples

With min, max

You can set a max and min value to the quantity input. The component will not allow the user to select a value outside of this range.

This is usefull to limit the quantity of items a user can buy. For example, if you have a limited stock of an item, you can set the max value to the number of items in stock.

With custom steps

You can set a step value to the quantity input. The component will only allow the user to select values that are multiples of this step.

This is usefull if you have a set of items that can only be bought in certain quantities.