Carregando…
Carregando…
Carregando…Email subscription form in card, inline or minimal variant with validation.
Card variant
Stay in the loop
Get the latest updates delivered directly to your inbox.
We respect your privacy. Unsubscribe at any time.
Inline variant
Get updates
Get the latest updates delivered directly to your inbox.
$ npx kikitocn add newsletter-formimport { NewsletterForm } from "@/components/ui/cn/newsletter-form/NewsletterForm";
export function NewsletterFormExample() {
return (
<NewsletterForm />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
title | string | — | Título do formulário |
description | string | — | Descrição/subtítulo |
placeholder | string | 'Seu e-mail' | Placeholder do campo de email |
ctaLabel | string | 'Inscrever' | Texto do botão de envio |
onSubmit | (email: string) => void | Promise<void> | — | Callback ao enviar o formulário |
variant | 'card' | 'inline' | 'minimal' | 'card' | Layout do formulário |
className | string | — | Classes CSS extras |