shadcn-vue/apps/www/src/lib/registry/default/example/NumberFieldDisabled.vue
2024-05-25 14:25:39 +08:00

22 lines
497 B
Vue

<script setup lang="ts">
import {
NumberField,
NumberFieldContent,
NumberFieldDecrement,
NumberFieldIncrement,
NumberFieldInput,
NumberFieldLabel,
} from '@/lib/registry/default/ui/number-field'
</script>
<template>
<NumberField :default-value="18" :min="0" disabled>
<NumberFieldLabel>Age</NumberFieldLabel>
<NumberFieldContent>
<NumberFieldDecrement />
<NumberFieldInput />
<NumberFieldIncrement />
</NumberFieldContent>
</NumberField>
</template>