Crea un formulario waitlist «Lista de espera Coral» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout compact con…
Componente · Formularios
Formulario Cotización Esmeralda
Prompt
Crea un formulario quote «Cotización Esmeralda» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout stepper con colores #ef4444, #f472b6 y #fff1f2. Incluye los campos Full name, Email address, Message, labels claros, descripciones útiles, indicadores requerido/opcional, validación inline y estados de carga, deshabilitado, éxito, vacío y error del servidor. Evita envíos duplicados; valida en cliente y servidor; sanitiza y normaliza datos; añade protección CSRF y rate limiting; nunca expongas secretos. Soporta teclado, foco visible, autocomplete, aria-describedby, aria-invalid, resúmenes aria-live y contraste WCAG AA. Hazlo responsive y respeta movimiento reducido. Devuelve componentes tipados reutilizables, esquema Zod, ejemplo server action/API, dependencias y pruebas.
- Tipo
- Componente · Formularios
- Tecnología
- React, TypeScript, Tailwind CSS, shadcn/ui
- Form
- quote
- stepper
- Validated
- SaaS
«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.
Ideas parecidas
Crea un formulario feedback «Feedback Developer Mono» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout editorial con…
Crea un formulario appointment «Cita Lavanda» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout brutal con colores…
Crea un formulario support «Ticket de Soporte Cyber» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout card con…
Crea un formulario demo «Demo Empresarial Azul» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout minimal con colores…
Crea un formulario consultation «Consulta de Belleza Rosa» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout glass con…
Crea un formulario checkout «Checkout Solar» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout split con colores…
Crea un formulario account «Configuración de Cuenta Slate» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout floating…