Overview
A functional waitlist signup form using Clerk Core 3's useWaitlist() hook. Transitions to a success state after joining.
Installation
npx shadcn@latest add "https://elements.crfrst.dev/r/clerk-waitlist"Usage
import { ClerkWaitlist } from "@/components/elements/clerk-waitlist";
export default function WaitlistPage() {
return <ClerkWaitlist />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
heading | string | "Get early access" | Form heading |
description | string | "Join the waitlist..." | Description text |
ctaText | string | "Join waitlist" | Button text |
successMessage | string | "You're on the list!" | Success state message |
Features
- Clean email input with CTA
- Animated transition to success state
- Inline error display from Clerk API
- Loading states via
fetchStatus - Customizable copy