Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA one-field newsletter sign-up with validation, a pending state, an inline error and a thank-you that replaces the form, all announced.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it mid-article or in a footer. Pass onSubscribe wired to your list provider; the pattern handles every state the request can be in.
Do not use it when: sign-up needs more than an email (name, preferences): use a full form.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
onSubscribe | (email: string) => Promise<void> | required | Resolve on success, reject on failure. |
title | string | "Get the newsletter" | Heading line. |
note | string | cadence line | The small print. |
A labelled email field (label visually hidden); errors are an alert linked by aria-describedby, with aria-invalid on the field; the button is disabled and relabelled while pending; success is a status region.
The pattern ships with a test (newsletter-signup-inline.test.tsx). It covers validation, the pending and success path, and the failure path.