FormField

pnpmnpmyarnbun
pnpm dlx shadcn-vue@latest add input
pnpm dlx shadcn-vue@latest add "https://ui.stackhacker.io/r/form-field.json"
Copy

Copy<script setup lang="ts">
import { FormField } from '@/components/form-field'
import { Input } from '@/components/ui/input'
</script>

<template>
  <FormField
    v-slot="field"
    label="Email"
    description="Use your work email."
    error="Enter a valid email address."
  >
    <Input v-bind="field" type="email" />
  </FormField>
</template>

Copy<Form :state="state" :validate="validate">
  <FormField v-slot="field" label="Email" name="email">
    <Input v-model="state.email" v-bind="field" />
  </FormField>
</Form>