> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quantity

> Input used by a user to select the number of items to add to their cart.

## Quantity Input

Item quantity input consists of three elements: quantity input, a quantity minus button, and a quantity plus button. This input helps users choose the items to add to their cart.
You have the freedom to design this field as your heart desires. Just make sure that the Quantity input is a quantity minus button and a quantity plus button is in the same parent element.

<Frame>
  <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/quantity.jpg?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=ef2866aa197e43d857dc72e6c4dd5fbe" width="579" height="200" data-path="images/quantity.jpg" />
</Frame>

### Input

```html theme={null}
"looop"="quantity"
```

```html theme={null}
"value"=1
```

```html theme={null}
"type"="number"
```

```html theme={null}
"min"=1
```

### Minus Button

```html theme={null}
"looop"="quantityminus"
```

### Plus Button

```html theme={null}
"looop"="quantityplus"
```

<Warning>
  The Quantity wrapper should always be a sibling of the Add to Cart button.
</Warning>