shadcn-vue/apps/www/registry/new-york/example/NumberFieldDisabled.vue
2024-11-21 11:52:31 +08:00

22 lines
541 B
Vue

<script setup lang="ts">
import { Label } from '@/lib/registry/new-york/ui/label'
import {
NumberField,
NumberFieldContent,
NumberFieldDecrement,
NumberFieldIncrement,
NumberFieldInput,
} from '@/lib/registry/new-york/ui/number-field'
</script>
<template>
<NumberField id="age-disabled" :default-value="18" disabled>
<Label for="age-disabled">Age</Label>
<NumberFieldContent>
<NumberFieldDecrement />
<NumberFieldInput />
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
</template>