Crea un formulario lead «Captación Medianoche» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout floating con colores…
Componente · Formularios
Formulario Newsletter Océano
Prompt
Crea un formulario newsletter «Newsletter Océano» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout split con colores #0ea5e9, #14b8a6 y #effcff. Incluye los campos Email address, 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
- newsletter
- split
- Responsive
- 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 inquiry «Consulta Editorial» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout outlined con colores…
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…
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…
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…