Contact form

Mock name / email / message form: required fields, 600 ms, then the success text. Sends nothing.

Content

Pack defaults

With content

In context

Source

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

const props = {
  "heading": "Write to us",
  "successText": "Thanks — in a real shop we would reply within two days."
};
<ContactForm {...props} />

Live CSS

Injected into the previews above. Contact form

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