Sign Up
A four-step sign-up with name, email and a strength-checked password, a workspace address with live availability and URL preview, plan cards and terms, and an animated success step.
Preview
- Current: Account
- Workspace
- Plan
- Ready
- Completed: Account
- Current: Workspace
- Plan
- Ready
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| plans | { id, name, price, description?, recommended? }[] | — | Plan radio cards; the recommended one is preselected. |
| domain | string | "larkspur.app" | Host shown in the workspace URL preview. |
| product | string | "Larkspur" | Product name in the first heading. |
| onCheckSlug | (slug) => Promise<boolean> | — | Check a workspace address after a short pause; false marks it taken. |
| onCreate | (data) => Promise<void | { error }> | — | Create the account with { name, email, password, workspace, slug, plan }. |
| onOpen | (data) => void | — | Called by Open workspace on the final step. |
| defaultStep | "account" | "workspace" | "plan" | "done" | "account" | Step to open on, e.g. to show the workspace step in a preview. |
| defaultValues | { name?, email?, password?, workspace?, slug?, slugAvailable?, plan?, terms? } | {} | Values to start with. A provided slug starts resolved (slugAvailable, default true); checks run only after edits. |
| termsHref | string | — | Link for the terms and privacy policy. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.