---
name: shadcn-vue-forms
description: >
  shadcn-vue Formulare mit vee-validate + Zod (toTypedSchema, useForm, VeeField, FieldArray) und
  mit TanStack Form (useForm aus @tanstack/vue-form, form.Field, mode="array"). Beide Ansaetze:
  Input, Textarea, Select, Checkbox-Array, RadioGroup, Switch. Field-Komponente, FieldError,
  FieldLabel, FieldDescription. Validierungs-Modi, Array-Felder, Reset, Barrierefreiheit.
  shadcn-vue forms with vee-validate + Zod and TanStack Form: full guide for both approaches,
  all field types (input, textarea, select, checkbox, radiogroup, switch), array fields, reset,
  accessibility, Field component, FieldError, validation modes.
triggers:
  - shadcn-vue form vee-validate
  - shadcn-vue form tanstack
  - vee-validate zod vue form
  - tanstack form vue
  - form field shadcn vue
  - FieldError shadcn
  - form validation vue
  - form array fields vue
  - shadcn form checkbox array
  - shadcn form select
  - shadcn form switch
  - formular shadcn vue
---

# shadcn-vue Forms

Vollstaendige Formular-Integration mit vee-validate + Zod und TanStack Form.

## Referenzen

- [vee-validate.md](references/vee-validate.md) — Vollstaendige Anleitung: Schema, useForm,
  VeeField, alle Feld-Typen, Validierungs-Modi, Fehlerdarstellung, Array-Felder, Reset
- [tanstack-form.md](references/tanstack-form.md) — Vollstaendige Anleitung: useForm aus
  @tanstack/vue-form, form.Field, isInvalid Helper, alle Feld-Typen, mode="array", Reset

Quelle: `/tmp/shadcn-vue-repo/apps/v4/content/docs/forms/01.vee-validate.md` +
`/tmp/shadcn-vue-repo/apps/v4/content/docs/forms/02.tanstack-form.md`