WaitlistForm

Collect and manage waitlist signups when using WAITLIST sign-up mode.

Live Demo

Be the first to know when we launch.

Prop	Type	Description
tenantId	`string`	Required. The tenant ID
organizationId	`string`	Optional. Organization context for multi-org apps
successMessage	`string`	Message shown on success
apiEndpoint	`string`	Override the API endpoint (default: /api/waitlist)
customFields	`Array<{ name: string; label: string; type?: 'text' \| 'email' \| 'tel' \| 'textarea'; required?: boolean; placeholder?: string; }>`	Add additional fields to collect
appearance.elements	`{ form?: string; formField?: string; submitButton?: string; }`	Customize presentation via classes
asCard	`boolean`	Render with a card wrapper (default: true)
onSuccess	`(entry: any) => void`	Callback when user joins waitlist (receives entry)

Built-in email format validation

Prevents duplicate email entries

Ready-to-use design that matches AuthCore

Waitlist entries stored in database

The WaitlistForm automatically calls /api/tenants/[tenantId]/waitlist to store entries.

Configure WAITLIST sign-up mode

Learn about different sign-up strategies

Tenant-aware: Pass a tenantId when running multi-tenant setups so data is scoped correctly.
Server validation: Re-validate email server-side in your API route before persisting.
Spam protection: Use rate limits and CAPTCHAs for public-facing waitlist forms.
Testing: Mock the API and email sender in integration tests to assert success flows.