Newsletter Callout

Overview

About the Newsletter Callout

A focused email signup section with a lightweight trust message and compact form. It is delivered as editable TypeScript for React. Tailwind CSS is required because the delivered JSX uses utility classes. Its focused API can be adapted to your own content and visual system.

Usage

When to use it

• Editorial and marketing pages that need a compact email capture section.
• Landing pages where a low-friction secondary conversion supports the main offer.

What’s included

Files installed with the component

Usage

Import and render

Copy the packaged source to the documented path, then use the public API shown below.

import { NewsletterCallout } from "@/components/newsletter-callout";

export default function NewsletterSection() {
  return <NewsletterCallout />;
}

Props

Component API

The current source does not expose public props; edit the local content constants or markup after installation.

Compatibility

Verified project setup

• ReactLoom's preview is tested with Next.js 16.3.8 App Router, React 19.2.8, TypeScript 5.9.3, and Tailwind CSS 4.3.3. This describes the store environment, not the product's minimum requirements.
• The component does not require a Client Component boundary unless you add client-side behavior.
• The public shadcn registry item installs into the components alias configured in components.json.
• Tailwind CSS is required because the delivered JSX uses utility classes.

Images

No image files are included or required by this component.

Fonts

No font files are included. The component uses the consumer application's existing font stack.

Installation

Add it to your project

Use the Install section in the Code tab to add Newsletter Callout from this site's public shadcn registry.

No additional npm runtime packages are required beyond the React host; follow the styling requirements below.