Email Capture

Block

Lightweight inline email signup for newsletters and subscriptions

Basic Usage

pnpm add @corew500/ui

import { EmailCapture } from "@corew500/ui/blocks/email-capture"

<EmailCapture>Content</EmailCapture>

CMSPayload CMS Integration

This component supports CMS-driven content via @corew500/cms-payload.

CMS FieldsEN

Button Label

Loading Label

Success Message

Placeholder

Layout

Size

Button Style

Glow Effect

Disabled

Show Privacy Text

Shown

Privacy Text

Privacy Link Label

This simulates how a content editor configures email capture forms in Payload CMS. Switch locales to see localized content.

Prop	Type	Default	Description
`onSubmit`	(email: string) => void \| Promise<void>	—	Form submit handler. Receives the email address. Can be async - loading state is managed internally if not controlled.
`layout`	enum	`inline`	Layout variant. - `inline`: Email input and button side-by-side - `stacked`: Email input above button
`size`	enum	`default`	Size variant.
`buttonLabel`	string	`Subscribe`	Submit button label.
`loading`	enum	—	Controlled loading state. If not provided, component manages loading state internally.
`loadingLabel`	string	`Subscribing...`	Loading button label.
`success`	enum	`false`	Success state. When true, shows success message instead of form.
`successMessage`	string	`Thanks for subscribing!`	Success message text.
`placeholder`	string	`Enter your email`	Input placeholder text.
`error`	string	—	Error message to display.
`buttonVariant`	enum	`default`	Button variant.
`privacyText`	string	—	Privacy text (e.g., "We respect your privacy").
`privacyHref`	string	—	Privacy link href.
`privacyLabel`	string	`Privacy Policy`	Privacy link label.
`glow`	enum	`false`	Enable glow effect on input and button.

- Component accepts pre-resolved translated strings
All text customizable: buttonLabel, loadingLabel, successMessage, placeholder, error, privacyText, privacyLabel