Signup form

Mock signup: work email and team size, then a success panel. Sends nothing.

Forms

Pack defaults

With content

In context

Source

import { SignupForm } from "demo-landing/components";

const props = {
  "heading": "Start free",
  "lead": "Tell us where to send your invite.",
  "buttonLabel": "Create my calendar",
  "successHeading": "Check your inbox",
  "successText": "Check your inbox — in this demo, nothing was sent."
};
<SignupForm {...props} />

Live CSS

Injected into the previews above. Signup form

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