Forms
Email sign up
One field and a solid button that share an edge, with the legal line under it in Garamond. Confirms in place.
components/coach/email-signup.tsx
Examples
You are signing up to receive Coach emails. You can withdraw your consent at any time.
Read our Privacy Policy or Contact Us for more details.
Usage
import { EmailSignup } from "@/components/coach/email-signup";
<EmailSignup
disclaimer={<p>You are signing up to receive Coach emails. You can withdraw your consent at any time.</p>}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| disclaimer | ReactNode | — | The legal copy under the field, set in Garamond. |
| className | string | — | Merged last, so it can override layout. Keep brand styling in the component. |
Guidance
Do
- Submit it to see the confirmation state. The prototype sends nothing.
Don't
- Split the field and button apart; they share one edge.