22 lines
521 B
Vue
22 lines
521 B
Vue
<script setup lang="ts">
|
|
import { Label } from '@/lib/registry/default/ui/label'
|
|
import {
|
|
NumberField,
|
|
NumberFieldContent,
|
|
NumberFieldDecrement,
|
|
NumberFieldIncrement,
|
|
NumberFieldInput,
|
|
} from '@/lib/registry/default/ui/number-field'
|
|
</script>
|
|
|
|
<template>
|
|
<NumberField id="age" :default-value="18" :min="0">
|
|
<Label for="age">Age</Label>
|
|
<NumberFieldContent>
|
|
<NumberFieldDecrement />
|
|
<NumberFieldInput />
|
|
<NumberFieldIncrement />
|
|
</NumberFieldContent>
|
|
</NumberField>
|
|
</template>
|