Quantity selector

A control that changes a number with increase and decrease buttons, usually a field with “+” and “−” buttons.

Also called: quantity, quantity input, quantity selector, quantity stepper, counter, number input, plus minus, plus and minus, plus and minus buttons, + -, how many, how many items

What it is for

It makes small changes to a quantity easy, usually one at a time, and cuts down on typing. It supports minimum and maximum values, and disables a button when the limit is reached.

Where you see it

• Cart — changing how many of an item you want
• Bookings — choosing the number of guests or tickets
• Ordering interfaces — adding portions or options

What it is called in code

• <input type="number">
• stepper input
• NumberInput

See also

• Cart — The place in an online store that holds the items you’ve picked before you place an order.
• Slider — A control for picking a value, or a range of values, by dragging a handle along a track.
• Text input — A field where a person types something in: letters, numbers, symbols.