Cta 47 - Newsletter call to action with a letter preview

Pro

A muted newsletter call to action with a centred heading, one line and a single email field, above a cropped preview of the latest letter rising from the bottom of the panel.

Shadcn Cta 47 block

Component data

ID
cta47
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 47 block design & features

The block is one muted rounded panel for a personal or company newsletter.

At the top sit a centred heading, one supporting line, a single email field with a subscribe button and a short readership note. Submitting the form replaces it with a confirmation line, announced to screen readers.

Below, a white sheet rises from the bottom edge of the panel showing the latest letter: issue number, date, a serif title and the opening paragraphs. The sheet is cropped by the panel and fades out at the bottom, so it reads as a glimpse of what subscribers get. The letter content is a prop.

On mobile the field and button stack and the sheet keeps its cropped height.