React form with validation
Create robust forms with validation
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Generate a complete React form in TypeScript for a [FORM_TYPE] using React Hook Form and Zod. The form should feature client-side validation with French error messages, disabled states during submission, API error handling, full accessibility (labels, aria-describedby), and be styled with [TAILWIND_CSS_MODULES].
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour un meilleur découplage, extrais le schéma Zod et le type du formulaire dans un fichier séparé (`types.ts`), et passe les options de validation à `useForm` via un `resolver` personnalisé si tu as besoin de validation asynchrone (ex: vérification d'unicité).
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Headlines (Counter-Intuitive Angle)
Differentiation, saturated markets
Forecast key evolutions in your sector
Get a complete prospective analysis of your sector with PESTEL analysis, evolution scenarios, and strategic roadmap.
Bootstrap and Confidence Intervals
Estimating metric uncertainty
Incident Communication Protocol
Managing crisis communication in a school setting