Forms
Newsletter — Card
Standalone card-format newsletter opt-in with an icon badge and privacy microcopy.
$ velocityx add newsletter-cardBuilt for astro.
Full docs for Newsletter — Card →
Newsletter
One email, every other Friday.
The build notes, design decisions, and what's shipping next — no fluff.
Unsubscribe any time. We never share your email.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| action | string | No | '#' | |
| method | string | No | 'POST' | |
| eyebrow | string | No | 'Newsletter' | |
| heading | string | No | 'One email, every other Friday.' | |
| subheading | string | No | "The build notes, design decisions, and what's shipping next — no fluff." | |
| submitLabel | string | No | 'Join the list' | |
| privacyNote | string | No | 'Unsubscribe any time. We never share your email.' | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/newsletter-card/NewsletterCard.astroUsing the Newsletter — Card component
Install it with velocityx add newsletter-card.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Forms.
Multi-select add-on cards with the radio-card visual language but native checkbox semantics, zero JS.
astroSingle-column name/email/subject/message contact form with a honeypot field, Netlify Forms opt-in, and a presentational action prop.
astroTwo-column contact layout with a named aside slot for a map or office photo, stacking to one column on mobile.
astroVertical catalog filter stack with collapsible checkbox groups and a price range, built on native details elements.
astro