29 lines
626 B
Vue
29 lines
626 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="number"
|
|
:default-value="5"
|
|
:format-options="{
|
|
signDisplay: 'exceptZero',
|
|
minimumFractionDigits: 1,
|
|
}"
|
|
>
|
|
<Label for="number">Number</Label>
|
|
<NumberFieldContent>
|
|
<NumberFieldDecrement />
|
|
<NumberFieldInput />
|
|
<NumberFieldIncrement />
|
|
</NumberFieldContent>
|
|
</NumberField>
|
|
</template>
|