Pricing & Conversion
WaitlistForm
Demand we manufactured ourselves.
Inline email-capture. Pair with a `<StatCounter target={8247} />` above for the obligatory 'Join 8,247 builders' headline.
Install
Copy this owned-code component into your app from the registry.
pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/waitlist-form.json
Examples
Default
We email when something actually ships.
<WaitlistForm
footnote="We email when something actually ships."
onSubmit={(email) => createWaitlistEntry(email)}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | "you@startup.ai" | Input placeholder. |
| defaultValue | string | - | Initial email value. |
| ctaLabel | Snippet | "Notify me" | Submit button label. |
| leading | Snippet | false | - | Leading icon. Defaults to an envelope SVG; pass false to remove or any node to replace. |
| footnote | Snippet | - | Small line of text rendered below the form. |
| onSubmit | (email: string) => void | - | Submit callback. |