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

# QuantitySelector

> Input numérico com botões de incremento e decremento, com suporte a limites mínimo e máximo.

Seletor de quantidade com botões `+` e `−`. Respeita os limites `min` e `max` configurados e emite o novo valor a cada alteração.

## Uso

```vue theme={"system"}
<QuantitySelector
  :value="quantity"
  :min="1"
  :max="10"
  @input="quantity = $event"
/>
```

Sem limite máximo:

```vue theme={"system"}
<QuantitySelector :value="quantity" :min="1" @input="quantity = $event" />
```

## Propriedades

| Propriedade |         Tipo        | Obrigatória | Valor padrão | Descrição                                        |
| :---------- | :-----------------: | :---------: | :----------: | :----------------------------------------------- |
| `value`     |       `Number`      |      ❌      |      `1`     | Valor atual da quantidade.                       |
| `min`       | `Number \| Boolean` |      ❌      |      `1`     | Valor mínimo permitido. `false` para sem limite. |
| `max`       | `Number \| Boolean` |      ❌      |    `false`   | Valor máximo permitido. `false` para sem limite. |
| `disabled`  |      `Boolean`      |      ❌      |    `false`   | Quando `true`, desabilita os botões e o input.   |

## Eventos

| Evento   | Payload  | Descrição                                                             |
| :------- | :------- | :-------------------------------------------------------------------- |
| `input`  | `Number` | Emitido com o novo valor a cada alteração (compatível com `v-model`). |
| `change` | `Number` | Emitido com o novo valor após confirmação da alteração.               |