Forms
Inline newsletter form
The one-line email capture for a footer or a sidebar: field and button on one row, note beneath.
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 FormNewsletterInline() {
return (
<Newsletter
title="Stay in the loop"
description="A short note when something ships."
layout="inline"
buttonLabel="Sign up"
note="No spam. Unsubscribe any time."
/>
)
}