Newsletter Section
Invite readers to subscribe with an email form.
Preview
Import
import { NewsletterSection } from "@sigil-ui/components";Usage
<NewsletterSection title="Follow new releases" description="Component additions and design-system updates." placeholder="you@example.com" buttonLabel="Subscribe" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Heading displayed in the component. |
description | string | — | Supporting text below the heading. |
placeholder | string | — | Hint shown before a value is entered. |
buttonLabel | string | — | Button Label configuration. |
onSubmit | (email: string) => void | — | Called when the form is submitted. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-page-margin | Page margin |
--s-font-display | Font display |
--s-text | Text |
--s-text-muted | Text muted |
--s-radius-input | Radius input |
--s-border | Border |
--s-background | Background |
--s-primary | Primary |
--s-radius-button | Radius button |
--s-primary-contrast | Primary contrast |
--s-duration-fast | Duration fast |