Newsletter | Shop Styleguide

Mock email sign-up: format check, 600 ms, then a thank-you. Sends nothing.

Content

Pack defaults

With content

In context

Source

import { Newsletter } from "demo-webshop/components";

const props = {
  "heading": "Letters from the shelf",
  "lead": "One short note when something new arrives.",
  "buttonLabel": "Subscribe"
};
<Newsletter {...props} />

Live CSS

Injected into the previews above. Newsletter

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */