Waitlist Section
A join-the-waitlist band with recent joiners that turns into a pass with a live place-in-line counter, a referral rewards track and a copyable referral link.
Preview
Private beta · spring 2027
Get in before the doors open
Pebble is a shared notebook for small research teams. We let a few hundred people in every week.
Mira and 2,415 others joined
Private beta · spring 2027
You’re in line
Share your link to move up. We email you the moment your spot opens.
You’re on the list
#You’re number 1,284
1,283 ahead of you · lena@pebble.example
Live · of 2,417
Each friend who joins with your link moves you up 250 spots. 2 more for early access.
- Skip ahead1 friend (unlocked)
- Early access3 friends
- Founding badge5 friends
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| total | number | — | People on the list now. |
| title | ReactNode | "Get in before the doors open" | Section heading. |
| description | ReactNode | — | Line under the heading. |
| eyebrow | ReactNode | — | Pill above the title, e.g. the launch window. |
| recent | { initials, name }[] | [] | Latest joiners, newest first; four show as avatars. |
| rewards | { referrals, label }[] | 1 / 3 / 5 friends | Referral milestones on the rewards track. |
| spotsPerReferral | number | 250 | Spots each referral moves you up, shown in the copy. |
| pass | WaitlistPass | null | — | Joined state, controlled: { email, position, referralUrl, referrals? }. |
| defaultPass | WaitlistPass | null | null | Joined state at first (uncontrolled). |
| onJoin | (email) => WaitlistPass | { error } | Promise | — | Join handler; resolve { error } to show it under the field. |
| onPassChange | (pass) => void | — | Called after a successful join. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.