← All Components

NewsletterSignup

Email signup form with input and submit button.

Default

Stay in the loop

With Subtitle

Stay up to date

Get product updates and engineering insights delivered to your inbox.

Custom Labels

Join the waitlist

Props

PropTypeDescription
titleReactNodeHeading text (default "Stay in the loop")
subtitleReactNodeSupporting text below the title
inputPlaceholderstringPlaceholder for the email input (default "you@example.com")
buttonLabelReactNodeSubmit button text (default "Subscribe")
classNamestringAdditional classes on the root element

Usage

<NewsletterSignup title="Stay up to date" subtitle="Get updates in your inbox." inputPlaceholder="you@example.com" buttonLabel="Subscribe" />