Newsletter
Newsletter sections built from one email subscription form, with an explicit host endpoint and local pending, success, and error feedback.
Installation
Import from @gaudi/design-system. Load @gaudi/design-system/global.css once and add transpilePackages: ['@gaudi/design-system'] in Next.js.
Usage
Examples
Form and availability
Centered
Split
Image panel
Compact
Submission error
API
8 props
Accessibility
Uses EmailInput with single-address pattern validation and the default smooth caret. Names the email input, preserves the submitted address on failure, disables duplicate submissions, and announces feedback beside the field.
Related
ArticleA complete blog article with Gaudi journal navigation, PostHeader metadata, reading progress, TableOfContents section navigation, expandable images, a gallery, and captioned video. The main Blog article is joined by a centered Focused essay, a Technical tutorial with nested navigation and code, a wider Photo essay with a gallery, and a Series article with PostSeriesBox navigation across three parts. Each workflow reuses the same scroll boundary, header, media controls, and layout component. Contents-enabled examples use the shared TableOfContents block for links, active sections, and nested branch controls.FootersSite footer with host-supplied navigation, social links, copyright, and optional newsletter form.LayoutContainerAsync server layout that composes theme context, navigation, a skip link, article content, footer, and host-provided structured data.