Newsletter Inline

Sobre

Formulário de newsletter em linha com validação, estados de carregamento, sucesso e erro, e mensagens acessíveis via aria-live. A função de envio é recebida por prop.

Detalhes

Categoria

Formulários

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

21 de setembro de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/form-newsletter.tsxtsx

Como usar

import FormNewsletter from "@/components/integra/form-newsletter";

<FormNewsletter onSubmit={async (email) => { /* enviar */ }} />