Basic number field

<script setup lang="ts">
import { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea } from "@/components/reui/number-field"
</script>

<template>
  <div class="w-full max-w-48">
    <NumberField :default-value="5" :min="0" :max="100">
      <NumberFieldScrubArea label="Amount" />
      <NumberFieldGroup>
        <NumberFieldDecrement />
        <NumberFieldInput />
        <NumberFieldIncrement />
      </NumberFieldGroup>
    </NumberField>
  </div>
</template>