CTAs
Newsletter call to action
An email capture with the inline layout, a note about frequency, and the success and error states already handled.
Live demo
Full width · the frame has its own viewport, so the breakpoints are real
What it uses
Imports
import { Newsletter } from '@the_viveksingh/vivek-ui'The block
This is the file that renders the demo above, read at build time. Copy it into your project, change the words, and it runs — the only thing it needs is @the_viveksingh/vivek-ui and its stylesheet.
import { Newsletter } from '@the_viveksingh/vivek-ui'
export default function CtaWithNewsletter() {
return (
<Newsletter
title="Get the changelog in your inbox"
description="One email per release. What changed, what broke, what to do about it."
buttonLabel="Subscribe"
note="No marketing, ever. Unsubscribe in one click."
layout="inline"
/>
)
}