Number Field

Campo numérico com controles de incremento e decremento.

Uso

<script setup lang="ts">
import { NumberInput } from '@halfbyte/maka'
import { ref } from 'vue'

const quantidade = ref(1)
</script>

<template>
  <NumberInput v-model="quantidade" label="Quantidade" :min="1" :max="100" />
</template>

Exemplos

<NumberInput v-model="val" label="Padrão" />
<NumberInput v-model="val" label="Com limites" :min="1" :max="10" />
<NumberInput v-model="val" label="Passo 0.5" :step="0.5" />

Props

Prop	Tipo	Padrão
modelValue	number	—
label	string	—
min	number	—
max	number	—
step	number	1
placeholder	string	—
formatOptions	Intl.NumberFormatOptions	—
disabled	boolean	false
name	string	—

Events

Evento	Payload	Descrição
update:modelValue	number	Emitido ao alterar o valor