Quantity selector
The quantity selector is a form element used to enter or select a number. This type of input is best used when the user needs to choose the quantity of a selected item, like a product before adding to cart for example.
Useful tip
Don't forget that the user can use its keyboard or the incremental buttons to select the quantity.
Overview
Quantity Selector is a combination of the following mentions:
- Label (optional)
- Incremental buttons + quantity field
Sizes
We provide two different sizes to adapt to your design needs but keep in mind that the medium case must be used on smaller breakpoints. More on accessibility page.
Behaviors
You can also require a minimal value from the user. In this case the minus button must be disabled.
Do's and Don'ts
Never use quantity selector when the user needs to choose a date.