Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA one-line email and button that submit with a server action, show pending in the button, and replace themselves with a confirmation or a precise error without moving the layout. Use this when a footer or sidebar needs a compact sign-up.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
You need a small, single-field form for a footer, banner or card that handles pending, success and failure in the space it has.
Do not use it when: For collecting more than an email, use the full contact form pattern. If consent must be explicit, add a visible checkbox.
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 | Description |
|---|---|---|
action | (prev, formData) => Promise<ActionState> | Your server action. The field is named email. |
sr-only), because the layout is one line; it is not replaced by the placeholder.alert under the row with a reserved height, so the layout does not jump; success replaces the form with a polite status.aria-invalid and keeps the typed address, so the person edits instead of retyping.The pattern ships with a Testing Library test (server-action-newsletter-inline.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.