Back to components
Forms component

Form (shadcn fallback)

Canonical shadcn Form primitives (FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage) — install when `shadcn add form` returns 'not found'.

Browse all components

Install

$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/form.json

What it does

  • Drop-in replacement for the original shadcn Form primitives
  • FormField (Controller wrapper), FormItem, FormLabel, FormControl, FormDescription, FormMessage
  • ARIA-correct: htmlFor, aria-describedby, aria-invalid wired up via useFormField()
  • Works unchanged with every React Hook Form + Zod pattern in master_prompt.md → FORM RULES

When to use

Use it

Every form in the project. The framework's FORM RULES assume these primitives exist; install this first when scaffolding any project that needs forms.

Skip it

Never skip — the official shadcn registry stopped shipping `form` upstream. This is the supported fallback.

Prerequisites

  • shadcn/ui Label
  • react-hook-form (installed automatically)
  • @radix-ui/react-label + @radix-ui/react-slot (installed automatically)

Related components

Forms

Searchable Select

Forms

Multi-Step Form / Wizard

Forms

Advanced Form Elements